/*banner*/
/* .ind-banner{width: 100%}
.ind-banner .swiper-slide{color: #fff; } */
.ind-banner{width: 100%;overflow: hidden;position:relative}
.ind-banner .swiper-slide { color: #fff; }
/* .ind-banner .swiper-slide .img img{width:100%} */
.ind-banner .swiper-slide a{ display:block; width:100%; height:100%;}
.ind-banner .swiper-pagination-bullet {width: 43px; height: 6px; opacity: 1; border: #fff solid 1px; background: none; border-radius: 4px; margin-right:14px!important; }
.ind-banner .swiper-pagination-bullet-active {background: #fff!important; }
.ind-banner .swiper-pagination{ text-align: left; left:50%!important; bottom: 75px!important; margin-left: -600px;}
.ind-banner .swiper-button-prev{display: none; left: 20px; width: 53px; height: 53px; background: url(../images/nimg53_left.png) no-repeat; }
.ind-banner .swiper-button-next{display: none; right: 20px; width: 53px; height: 53px; background: url(../images/nimg53_right.png) no-repeat; }
.ind-banner .ban1 .txtDiv{ position: absolute; left: 50%; margin-left: -600px; top: 50%; height: 300px; margin-top: -150px;}
.ind-banner .ban1 .txt1{font-size: 36px; padding-bottom: 25px; color:#fff; position: relative;}
.ind-banner .ban1 .txt1 em{ display: block; position: absolute; left: 0px; bottom: 0px; width: 56px; height: 5px; background: #fff;}
.ind-banner .ban1 .txt2{ font-size: 60px; font-weight: bold; margin-top: 2.5%; color: #fff;
background-image: -webkit-linear-gradient(top,#0b6fb8,#42c0fa);
background-image: linear-gradient(to bottom,#0b6fb8,#42c0fa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.ind-banner .ban1 .txt3{ font-size: 30px; color: #fff; margin-top: 2%; text-transform: uppercase;}
.ind-banner .ban1 .btnDiv{ margin-top: 4.5%; width: 135px; height: 47px; background: url(../images/btn1.png) no-repeat; text-indent: 26px; color: #fff; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban1 .robotImg{ position: absolute; right: 50%; bottom: 2%; margin-right: -600px; margin-top: 18%;}
.ind-banner .ban1 .robotImg img{ width: 100%;}
.ind-banner .ban2 .txtDiv{ position: absolute; left: 50%; margin-left: -600px; top: 50%; height: 300px; margin-top: -150px;}
.ind-banner .ban2 .txt1{font-size: 36px; padding-bottom: 25px; color:#fff; position: relative;}
.ind-banner .ban2 .txt1 em{ display: block; position: absolute; left: 0px; bottom: 0px; width: 56px; height: 5px; background: #fff;}
.ind-banner .ban2 .txt2{ font-size: 60px; font-weight: bold; margin-top: 2.5%; color: #fff;
background-image: -webkit-linear-gradient(top,#0b6fb8,#42c0fa);
background-image: linear-gradient(to bottom,#0b6fb8,#42c0fa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.ind-banner .ban2 .txt3{ font-size: 30px; color: #fff; margin-top: 2%; text-transform: uppercase;}
.ind-banner .ban2 .btnDiv{ margin-top: 4.5%; width: 135px; height: 47px; background: url(../images/btn1.png) no-repeat; text-indent: 26px; color: #fff; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban2 .robotImg{ position: absolute; right: 50%; bottom: 0; margin-right: -600px; margin-top: 18%;}
.ind-banner .ban2 .robotImg img{ width: 92%;}
.ind-banner .ban3 .txtDiv{ position: absolute; left: 0; width: 100%; top: 50%; height: 300px; margin-top: -150px;}
.ind-banner .ban3 .txt1{font-size: 60px; color:#fff; text-align: center;}
.ind-banner .ban3 .txt2{font-size: 26px; padding: 15px 0 40px; color: #fff; text-align: center; text-transform: uppercase;}
.ind-banner .ban3 .btnDiv{ margin: 0 auto; color: #298ffd; width: 143px; height: 57px; line-height: 47px; background: url(../images/btn3.png) no-repeat; text-indent: 26px; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban4 .txtDiv,
.ind-banner .ban5 .txtDiv,
.ind-banner .ban6 .txtDiv{ position: absolute; left: 50%; margin-left: -600px; top: 50%; height: 300px; margin-top: -170px;}
.ind-banner .ban4 .txt1{font-size: 36px; padding-bottom: 25px; color:#0a74c1; position: relative;}
.ind-banner .ban4 .txt1 em{ display: block; position: absolute; left: 0px; bottom: 0px; width: 56px; height: 5px; background: #0a74c1;}
.ind-banner .ban4 .txt2{ font-size: 60px; margin-top: 2.5%; color: #0a74c1;}
.ind-banner .ban4 .txt3{ font-size: 30px; color: #3c3c3c; margin-top: 2%;}
.ind-banner .ban7 .txt3 {color: #fff}
.ind-banner .ban4 .btnDiv,
.ind-banner .ban5 .btnDiv,
.ind-banner .ban6 .btnDiv{ margin-top: 6.5%; width: 135px; height: 47px; background: url(../images/btn1.png) no-repeat; text-indent: 26px; color: #fff; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban4 .robotImg{ position: absolute; right: 50%; bottom: 12%; margin-right: -525px; margin-top: 18%;}
.ind-banner .ban4 .robotImg img{ width: 100%;}
/* @font-face{font-family:'Sourcecn';src:url(../font/SOURCEHANSANSCN-NORMAL_0.OTF)} */
.ind-banner .ban5 .txt1{color:#0a74c1;font-size:52px;font-weight:bold;font-family:"Source Han Sans CN"}
.ind-banner .ban5 .txt2{color:#3c3c3c;font-size:30px;font-family:"Source Han Sans CN";position:relative;margin-top:4px;padding-bottom:24px}
.ind-banner .ban5 .txt2 em{ display: block; position: absolute; left: 0px; bottom: 0px; width: 56px; height: 5px; background: #0a74c1;}
.ind-banner .ban5 .robotImg{ position: absolute; right: 50%; bottom: 28%; margin-right: -625px; margin-top: 18%;}
.ind-banner .ban5 .robotImg img{ width: 100%}
.ind-banner .ban5 .txtDiv{margin-top:-150px}
.ind-banner .ban5 .btnDiv{margin-top:21.5%}
.ind-banner .ban6 .txt1{color:#0a74c1;font-size:52px;font-weight:bold;font-family:"Source Han Sans CN"}
.ind-banner .ban6 .txt2{color:#fff;font-size:30px;font-family:"Source Han Sans CN";position:relative;margin-top:4px;padding-bottom:24px}
.ind-banner .ban6 .txt2 em{ display: block; position: absolute; left: 0px; bottom: 0px; width: 56px; height: 5px; background: #0a74c1;}
.ind-banner .ban6 .robotImg{ position: absolute; right: 50%; bottom: 18%; margin-right: -625px; margin-top: 18%;}
.ind-banner .ban6 .robotImg img{ width: 100%}
.ind-banner .ban6 .txtDiv{margin-top:-150px}
.ind-banner .ban6 .btnDiv{margin-top:21.5%}
.ind-banner .scrollBtn{ width:35px; height:55px; position:absolute; left:50%; bottom:58px; margin-left:-17px; z-index: 22;}
@-webkit-keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,-8px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,10px)}}
.pre-wrap{width:35px; height:55px; position:relative;-webkit-animation:start 1.5s infinite ease-in-out;-moz-animation:start 1.5s infinite ease-in-out;animation:start 1.5s infinite ease-in-out}
@media (max-width:1440px){
.ind-banner .ban6 .txt1,
.ind-banner .ban5 .txt1{font-size:40px}
.ind-banner .ban5 .txt2,
.ind-banner .ban6 .txt2{font-size:24px}
.ind-banner .ban5 .robotImg img,
.ind-banner .ban6 .robotImg img{width:auto;height:300px}
}
/*banner结æŸ*/
.bannerTel{ display: none; }
.ind-bannerTel{width: 100%; height: 100vh;overflow: hidden;}
.ind-bannerTel .swiper-slide {height: 100vh; color: #fff; background-size:cover;background-position:center;background-repeat:no-repeat}
.ind-bannerTel .swiper-slide .textbox{margin-top:14.75vh;padding:0 15px}
.ind-bannerTel .swiper-slide .textbox .title{font-size:28px;color:#0a74c1;font-weight:bold;font-family:"Source Han Sans CN";text-align:center}
.ind-bannerTel .swiper-slide .textbox .text{color:#3c3c3c;font-size:20px;text-align:center;font-family:"Source Han Sans CN";margin-top:6px}
.ind-bannerTel .swiper-slide .textbox .more{margin:0 auto 0;width:106px;height:38px;display:block;background-image:url(../images/btn1.png);background-size:100% 100%;text-indent:16px;color:#fff;font-size:14px;font-weight:bold;line-height:38px}
.ind-bannerTel .swiper-slide .textbox .line{width:44px;height:4px;background-color:#0a74c1;margin:2.1vh auto 4.2vh}
.ind-bannerTel .swiper-slide .textbox.two .text{color:#fff}
.ind-bannerTel .swiper-slide .textbox .cntitle{color:#fff;font-size:28px;font-weight:bold;font-family:"Source Han Sans CN";text-align:center}
.ind-bannerTel .swiper-slide .textbox .entext{color:#fff;font-size:14px;font-family:Arial;text-align:center;margin-top:3px}
.ind-bannerTel .swiper-slide .textbox.three .more{background-image:url(../images/addimg/btn4.png);color:#298ffd;margin:4.41vh auto 0}
.ind-bannerTel .swiper-slide .textbox.three{margin-top:0;width:100%;box-sizing:border-box;position:absolute;top:50%;left:0;margin-top:-67px}
.ind-bannerTel .swiper-slide .img{margin-top:2.6vh;padding:0 10.73vw}
.ind-bannerTel .swiper-slide .img img{max-width:100%;margin:0 auto;display:block}
.ind-bannerTel .swiper-pagination-bullet {width: 38px; height: 5px; background: none; border-radius: 4px; opacity: 1; border: #fff solid 1px; margin-right:10px!important;}
.ind-bannerTel .swiper-pagination-bullet-active {background: #fff!important;}
.ind-bannerTel .swiper-container-horizontal>.swiper-pagination{ text-align: left; left:3%!important; bottom: 50px; }
.indexTitle .txt1{ font-size: 30px; color: #323232; text-transform: uppercase; padding-bottom: 10px; font-weight: bold;}
.indexTitle .txt2{ font-size: 24px; color: #757575; position: relative; padding-bottom: 25px; }
.indexTitle .txt2 em{ position: absolute; left: 0px; bottom: 0px; width: 30px; height: 4px; background: #0a74c1; display: block; }
.indexPart1{ position: relative; background: #fcfcfc; padding-top: 70px; padding-left: 8%; padding-right: 8%; }
.indexPart1 .tab{ position: absolute; right: 8%; top: 96px; }
.indexPart1 .tab li{ float: left;width:134px;height:76px;border:2px solid #419ede;padding-top:7px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexPart1 .tab li .icon{width:38px;height:38px;margin:0 auto;background-repeat:no-repeat;background-position:center center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexPart1 .tab li .title{color:#419ede;font-size:15px;text-align:center;font-weight:bold;margin-top:6px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexPart1 .tab .liNow{ background-color:#419ede}
.indexPart1 .tab .liNow .title{color:#fff}
.indexPart1 .tab li:nth-of-type(1).liNow .icon{background-image:url(../images/addimg/ipicon1_cur.png) !important}
.indexPart1 .tab li:nth-of-type(2).liNow .icon{background-image:url(../images/addimg/ipicon2_cur.png) !important}
.tabClist{width:25%;display:block;float:left;background-color:#f2f2f2;padding:82px 30px 46px 40px;box-sizing:border-box;transition:background-image 0.5s ease 0s;-webkit-transition:background-image 0.5s ease 0s;-moz-transition:background-image 0.5s ease 0s}
.tabClist:nth-of-type(2n){background-color:#fff}
.tabClist:hover{background: -moz-linear-gradient( 155deg, rgb(67,194,251) 0%, rgb(10,116,193) 100%);
background: -webkit-linear-gradient( 155deg, rgb(67,194,251) 0%, rgb(10,116,193) 100%);
background: -ms-linear-gradient( 155deg, rgb(67,194,251) 0%, rgb(10,116,193) 100%);
background-color: #f2f2f2;}
.tabClist .tabClisttextslide{padding-bottom:30px}
.tabClist .tabClisttextslide .img{height:332px;line-height:332px;text-align:center}
.tabClist .tabClisttextslide .img img{max-height:100%;display:inline-block;vertical-align:middle}
.tabClist .textbox{margin-top:40px}
.tabClist .textbox .title{color:#000;font-size:24px;max-height:31px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.tabClist .textbox .text{color:#666;line-height:1.714;font-size:14px;margin-top:24px;max-height:46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.tabClist:hover .textbox .title,
.tabClist:hover .textbox .text{color:#fff}
.tabClist .swiper-pagination-bullet{width:11px;height:11px;margin:0 4px;opacity:1;background-color:#999}
.tabClist .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-image: -moz-linear-gradient( 90deg, rgb(67,194,251) 0%, rgb(10,116,193) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(67,194,251) 0%, rgb(10,116,193) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(67,194,251) 0%, rgb(10,116,193) 100%);
}
.tabClist:hover .swiper-pagination-bullet{background-color:#fff;opacity:0.5}
.tabClist:hover .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background-image:none;}
.tabClist2{width:50%;float:left;background-color:#f2f2f2;padding:134px 48px 134px 34px;box-sizing:border-box}
.tabClist2:nth-of-type(2){background-color:#f8f8f8}
.tabClist2 .img{width:400px;text-align:center;line-height:332px;height:332px;float:left}
.tabClist2 .img img{display:inline-block;vertical-align:middle;max-width:100%}
.tabClist2 .textbox{width:calc(100% - 422px);float:left;margin-left:22px}
.tabClist2 .textbox .title{font-size:24px;color:#000;max-height:31px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.tabClist2 .textbox .text{margin-top:24px;color:#666;line-height:2.143;font-size:14px;max-height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.tabClist2 .textbox .more{width: 135px; height: 47px; background: url(../images/btn1.png) no-repeat; text-indent: 26px;margin-top:56px;color: #fff;box-shadow: 0px 6px 6px 0px rgba(0, 23, 137, 0.19); font-size: 16px; font-weight: bold; line-height: 47px;}
.indexPart1 .tabContentDiv{ padding-top: 58px; }
.indexPart1 .imgDiv{ width: 646px; }
.indexPart1 .imgDiv img{ width: 646px; height: 646px; }
.indexPart1 .rightDiv{ width: 530px; }
.indexPart1 .topBox{ height: 205px; background: #f1f1f1; padding: 0 56px; overflow: hidden;}
.indexPart1 .name{ padding-top: 50px; color: #000; font-size: 24px; }
.indexPart1 .msg{ line-height: 24px; color: #000; font-size: 14px; padding-top: 25px; }
.indexPart1 .msgList{ padding-top: 45px; overflow: hidden;}
.indexPart1 .msgList li{ float: left; width: 50%; height: 48px; font-size: 16px; color: #5a5a5a; line-height: 48px; margin-bottom: 20px;}
.indexPart1 .msgList li div{ padding-left: 98px; position: relative; }
.indexPart1 .msgList li img{ position: absolute; left: 40px; top: 0px; }
.indexPart1 .btnDiv{ padding-top: 50px; padding-left: 40px;}
.indexPart1 .btnDiv a{ display: block; width: 143px; height: 57px; font-weight: bold; line-height: 47px; text-indent: 27px; font-size: 16px; color: #fff; background: url(../images/btn2.png) left top no-repeat; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0);}
.indexPart1 .btnDiv a:hover{-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate;}
.indexPart1 .tab-left{ display: block; width: 37px; height: 37px; background: url(../images/nimg37_left.png) no-repeat; position: absolute; left: 8%; top: 60%; margin-top: 18px; z-index: 22;}
.indexPart1 .tab-right{ display: block; width: 37px; height: 37px; background: url(../images/nimg37_right.png) no-repeat; position: absolute; right: 8%; top: 60%; margin-top: 18px; z-index: 22;}
.indexPart1 .tab-left:hover{ background: url(../images/nimg37_lefton.png) no-repeat;}
.indexPart1 .tab-right:hover{ background: url(../images/nimg37_righton.png) no-repeat;}
.indexPart2{ position: relative; padding-top: 60px; }
.indexPart2 .indexTitle{ padding-bottom: 56px; padding-left: 8%;}
.indexPart2 .bigBox{ padding-top: 135px; height: 804px; background: url(../images/indexPart2Bg2.jpg) center no-repeat;}
.indexPart2 .contentDiv{ position: relative; height: 690px; }
.indexPart2 .round{ position: absolute; left: 317px; top: 45px; z-index: 1;}
.round .img_rotate{ -moz-animation:rotate 15s infinite linear; -webkit-animation:rotate 15s infinite linear; animation:rotate 15s infinite linear; }
.round .img_rotate1{ -moz-animation:rotate 20s infinite linear; -webkit-animation:rotate 20s infinite linear; animation:rotate 20s infinite linear; }
.round .img_rotate2{ -moz-animation:rotate 5s infinite linear; -webkit-animation:rotate 5s infinite linear; animation:rotate 5s infinite linear; }
@-moz-keyframes rotate{ 0%{ -moz-transform:rotate(0deg); } 100%{ -moz-transform:rotate(360deg); } }
@-webkit-keyframes rotate{ 0%{ -webkit-transform:rotate(0deg); } 100%{ -webkit-transform:rotate(360deg); } }
@keyframes rotate{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } }
.indexPart2 .text{ position: absolute; left: 0px; width: 100%; text-align: center; top: 215px; color: #fff; z-index: 1;}
.indexPart2 .text h1{ font-size: 50px; padding-bottom: 10px;}
.indexPart2 .text h2{ font-size: 30px; padding-bottom: 35px; position: relative; text-transform: uppercase; }
.indexPart2 .text h2 em{ position: absolute; display: block; background: #fff; left: 50%; bottom: 0px; width: 60px; height: 5px; margin-left: -30px;}
.indexPart2 .text p{ padding-top: 30px; font-size: 30px; }
.indexPart2 .list li{ position: absolute; height: 39px; cursor: pointer;}
.indexPart2 .list li .name{ line-height: 39px; font-size: 18px; color: #fff; font-weight: bold; position: relative; z-index: 2;}
.indexPart2 .list li .name img{ padding: 0 20px; }
.indexPart2 .list li .hideBox{ display: none; width: 385px; height: 110px; position: absolute; z-index: 3;}
.indexPart2 .list li .content{ height: 72px; line-height: 24px; color: #3e3e3e; overflow: hidden; padding: 30px 36px 0; font-size: 14px; }
.indexPart2 .list .li01{ top: 0px; left: 390px; }
.indexPart2 .list .li01 .hideBox{ left: 0px; top: 39px; background: url(../images/nimg385Bg.png) center no-repeat;}
.indexPart2 .list .li02{ top: 146px; left: 194px; }
.indexPart2 .list .li02 .hideBox{ left: 0px; top: 39px; background: url(../images/nimg385Bg.png) center no-repeat;}
.indexPart2 .list .li03{ top: 300px; left: 158px; }
.indexPart2 .list .li03 .hideBox{ left: 0px; top: 39px; background: url(../images/nimg385Bg.png) center no-repeat;}
.indexPart2 .list .li04{ top: 454px; left: 194px; }
.indexPart2 .list .li04 .hideBox{ left: 0px; top: 39px; background: url(../images/nimg385Bg.png) center no-repeat;}
.indexPart2 .list .li05{ top: 606px; left: 388px; }
.indexPart2 .list .li05 .hideBox{ left: 0px; bottom: 39px; background: url(../images/nimg385Bg2.png) center no-repeat;}
.indexPart2 .list .li06{ top: 606px; right: 370px; }
.indexPart2 .list .li06 .hideBox{ left: 20px; bottom: 39px; background: url(../images/nimg385Bg2.png) center no-repeat;}
.indexPart2 .list .li07{ top: 454px; right: 190px; }
.indexPart2 .list .li07 .hideBox{ right: 0px; top: 39px; background: url(../images/nimg385Bg3.png) center no-repeat;}
.indexPart2 .list .li08{ top: 300px; right: 150px; }
.indexPart2 .list .li08 .hideBox{ right: 0px; top: 39px; background: url(../images/nimg385Bg3.png) center no-repeat;}
.indexPart2 .list .li09{ top: 146px; right: 190px; }
.indexPart2 .list .li09 .hideBox{ right: 0px; top: 39px; background: url(../images/nimg385Bg3.png) center no-repeat;}
.indexPart2 .list .li10{ top: 0px; right: 352px; }
.indexPart2 .list .li10 .hideBox{ left: 20px; top: 39px; background: url(../images/nimg385Bg.png) center no-repeat;}
.indexPart3{ position: relative; padding: 70px 0 65px; }
.indexPart3 .indexTitle{ padding-bottom: 56px; padding-left: 8%;}
.indexPart3 .tab2{ position: absolute; right: 8%; top: 120px; }
.indexPart3 .tab2 li{ float: left; margin-left: 40px; height: 28px; font-size: 15px; font-weight: bold; border-bottom: #fff solid 3px;}
.indexPart3 .tab2 .liNow{ border-bottom: #0a74c1 solid 3px; color: #0a74c1; }
.indexPart3 .list{ padding-bottom: 65px; }
.indexPart3 .list ul{ margin-right: -45px; }
.indexPart3 .list li{ float: left; width: 33.33%;}
.indexPart3 .list li .box{ margin-right: 45px; background: #f8f8f8; -webkit-transition: all .2s linear; transition: all .2s linear;}
.indexPart3 .list li .imgDiv img{ width: 100%; }
.indexPart3 .list li .botDiv{ padding: 15px 48px; }
.indexPart3 .list li .name{ height: 42px; line-height: 42px; overflow: hidden; font-size: 18px; color: #000; }
.indexPart3 .list li .time{ height: 48px; line-height: 48px; color: #999; background: url(../images/nimg31_1.png) right center no-repeat; }
.indexPart3 .list li:hover .box{ background: #fff; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
-webkit-transform: translate3d(0, -12px, 0);
transform: translate3d(0, -12px, 0); }
.indexPart3 .list li:hover .time{ color: #000; background: url(../images/nimg31_1on.png) right center no-repeat;}
.indexPart3 .btnDiv{ margin: 0 auto; width: 143px; }
.indexPart3 .btnDiv a{ display: block; width: 143px; height: 57px; font-weight: bold; line-height: 47px; text-indent: 27px; font-size: 16px; color: #fff; background: url(../images/btn2.png) left top no-repeat; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0);}
.indexPart3 .btnDiv a:hover{-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate;}
.indexPart4{ border-top: #efefef solid 1px; background: #fafafa; padding: 60px 0 65px; }
.indexPart4 .bigBox{ margin: 0 8%; padding-bottom: 60px;}
.indexPart4 .indexTitle{ padding-bottom: 64px;}
.indexPartner{ position: relative;}
/*.indexPartner .slick-list{ overflow: visible;}*/
.indexPartner .slick{ margin: 0 10px; }
.indexPartner .slick dd{ padding: 25px 0; position: relative;}
.indexPartner .slick .imgDiv img{ width: 100%; }
.indexPartner .slick .hideBox{ background: #fff; border-radius: 6px; -moz-border-radius:6px; display: none; position: absolute; width: 382px; height: 176px; left: 50%; margin-left: -191px; top: 50%; margin-top: -88px; z-index: 1; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.indexPartner .slick .limg{ padding: 8px; }
.indexPartner .slick .limg img{ width: 100%; }
.indexPartner .slick-prev{ position: absolute; display: block; z-index: 5; left: -70px; top: 50%; margin-top: -19px; width: 38px; height: 38px; background: #fff url(../images/nimg16_left.png) center no-repeat; border-radius: 19px; -moz-border-radius:19px; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.indexPartner .slick-next{ position: absolute; display: block; z-index: 5; right: -70px; top: 50%; margin-top: -19px; width: 38px; height: 38px; background: #fff url(../images/nimg16_right.png) center no-repeat; border-radius: 19px; -moz-border-radius:19px; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.indexPartner .slick-prev:hover{ background: #fff url(../images/nimg16_lefton.png) center no-repeat;}
.indexPartner .slick-next:hover{ background: #fff url(../images/nimg16_righton.png) center no-repeat;}
.indexPartner2{ position: relative; padding-bottom: 50px;}
.indexPartner2 .slick{ margin: 0 5px; }
.indexPartner2 .slick dd{ padding: 10px 0;}
.indexPartner2 .slick .imgDiv img{ width: 100%; }
.indexPartner2 .slick-prev{ position: absolute; display: block; z-index: 5; left: 50%; margin-left: -45px; bottom: 0; width: 38px; height: 38px; background: #fff url(../images/nimg16_left.png) center no-repeat; border-radius: 19px; -moz-border-radius:19px; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.indexPartner2 .slick-next{ position: absolute; display: block; z-index: 5; right: 50%; margin-right: -45px; bottom: 0; width: 38px; height: 38px; background: #fff url(../images/nimg16_right.png) center no-repeat; border-radius: 19px; -moz-border-radius:19px; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.indexPartner2 .slick-prev:hover{ background: #fff url(../images/nimg16_lefton.png) center no-repeat;}
.indexPartner2 .slick-next:hover{ background: #fff url(../images/nimg16_righton.png) center no-repeat;}
.news .list ul{ margin-right: -72px; }
.news .list li{ float: left; margin-bottom: 65px;}
.news .list li .box{ width: 352px; margin-right: 72px; height: 498px; border-bottom: #959595 solid 1px; -webkit-transition: all .2s linear; transition: all .2s linear;}
.news .list .li01 .box{ width: 776px; }
.news .list li .imgDiv{ position: relative; }
.news .list li .imgDiv img{ width: 100%; }
.news .list li .name{ padding-top: 40px; height: 38px; line-height: 38px; font-size: 16px; font-weight: bold; overflow: hidden;}
.news .list li .name a{ color: #353535; }
.news .list li .name a:hover{ text-decoration: underline; }
.news .list li .content{ padding-top: 20px; line-height: 28px; height: 56px; overflow: hidden; }
.news .list li .content a{ color: #949494; }
.news .list li .botDiv{ padding-top: 25px; position: relative;}
.news .list li .time a{ color: #bfbfbf; }
.news .list li .add{ position: absolute; right: 0px; top: 25px; width: 11px; height: 11px;}
.news .list li .imgDiv2{ position: relative; }
.news .list li .imgDiv2 img{ width: 100%; }
.news .list li .wen{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 52px; background: url(../images/bg1.png) repeat; }
.news .list li .name2{ padding-left: 38px; height: 52px; line-height: 52px; overflow: hidden; font-size: 16px; color: #fff; font-weight: bold; }
.news .list li .time2{ position: absolute; right: 40px; top: 0px; line-height: 52px; color: #fff; }
.news .list li:hover .box{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
.video .list ul{ margin-right:-72px;}
.video .list li{ float:left; width:33.33%; margin-bottom:63px;}
.video .list li .box{ margin-right:72px; border-bottom: #959595 solid 1px; padding-bottom: 30px; -webkit-transition: all .2s linear; transition: all .2s linear;}
.video .list li .imgDiv{ position:relative;}
.video .list li .imgDiv img{ width:100%;}
.video .list li .hideBox{ position:absolute; left:0px; top:0px; width:100%; z-index:1; background:url(../images/bg5.png) repeat; display:none;}
.video .list li .ico{ position:absolute; left:50%; top:50%; margin-left:-18px; margin-top:-12px; width:37px; height:24px; background:url(../images/nimg37_2.png) no-repeat; z-index:2;}
.video .list li .name{ padding-right:18px; color:#353535; margin-top:25px; height:40px; line-height:40px; overflow:hidden; font-size:16px; background:url(../images/nimg11_1.png) right center no-repeat;}
.video .list li .time{ color: #aeaeae; }
.video .list li:hover .box{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
.videoLayer{ width:700px; height:553px; background:#fff; position:absolute; z-index:111; display:none;}
.videoLayer .close{ display:block; width:26px; height:25px; background:url(../images/close.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;}
.videoLayer .imgDiv{ text-align:center;}
.videoLayer .imgDiv img{ width:700px;}
.videoLayer .name{ height: 50px; line-height:50px; text-align: center; font-size: 20px; position: relative; color:#333;}
.newShow{ padding: 0 200px; }
.newShow .name{ font-size: 36px; color: #000; line-height: 54px; padding-bottom: 20px;}
.newShow .time{ font-size: 14px; padding-bottom: 55px; color: #969696; border-bottom: #959595 solid 1px;}
.newShow .content{ padding: 70px 0 40px; font-size: 15px; line-height: 44px; color: #565656;}
.newShow .content b{ display: block; }
.newShow .imgDiv{ padding-bottom: 70px; }
.newShow .content img{ width: 800px; }
.newShow .share{ overflow: hidden; }
.newShow .share li{ float: left; margin-right: 7px; width: 16px; height: 16px;}
.newShow .btnDiv{ width: 187px; padding-top: 90px; margin: 0 auto; }
.newShow .btnDiv a{ display: block; width: 185px; height: 41px; border: #030000 solid 1px; line-height: 40px; text-align: center; font-size: 13px; color: #353535; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0);}
.newShow .btnDiv img{ padding-right: 10px; }
.newShow .btnDiv a:hover{-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate;}
.pageDown{ padding-top: 80px; }
.pageDown ul{ margin-right: -40px; }
.pageDown li{ float: left; width: 50%; }
.pageDown li .box{ margin-right: 40px; }
.pageDown li .wen{ height: 32px; border-bottom: #959595 solid 1px; color: #353535; }
.pageDown li .midDiv{ height: 162px; border-bottom: #959595 solid 1px; position: relative; padding-left: 168px;}
.pageDown li .limg{ position: absolute; left: 0px; top: 31px; }
.pageDown li .name2{ font-size: 14px; height: 48px; line-height: 24px; overflow: hidden; padding-top: 35px;}
.pageDown li .name2 a{ color: #353535; }
.pageDown li .name2 a:hover{ color: #007fca; }
.pageDown li .time2 a{ display:block; color: #bababa; padding-top: 20px; }
.joinPart1{ padding-top: 30px;}
.joinPart1 .txt1{ text-align: center; font-size: 80px; color: #222; font-weight: bold; font-family: aparajb;}
.joinPart1 .txt2{ text-align: center; font-size: 34px; color: #222; font-weight: bold; position: relative; padding-bottom: 60px;}
.joinPart1 .txt2 em{ position: absolute; left: 50%; bottom: 0px; display: block; width: 42px; height: 1px; background: #222; margin-left: -21px; }
.joinPart1 .imgDiv{ text-align: center; padding-top: 55px; }
.joinPart1 .list li{ padding-bottom: 40px; text-align: center; color: #222; font-size: 16px; line-height: 40px; background: url(../images/line1.jpg) center bottom no-repeat;}
.joinPart1 .list li .msg{ padding-top: 55px; font-weight: bold; }
.joinPart1 .list li:last-child{ background: none; }
.joinPart2 .txt1{ text-align: center; font-size: 80px; color: #222; font-weight: bold; font-family: aparajb;}
.joinPart2 .txt2{ text-align: center; font-size: 34px; color: #222; font-weight: bold; position: relative; padding-bottom: 45px;}
.jobTab{ text-align: center; padding-bottom: 58px; }
.jobTab li{ display: inline-block; margin: 0 34px; font-size: 18px; height: 42px; color: #c3c3c3;}
.jobTab .liNow{ color: #000; border-bottom: #000 solid 1px; }
.joinPart2 .list{ padding: 0 100px; }
.joinPart2 .list ul{ margin-right: -48px; }
.joinPart2 .list li{ float: left; width: 33.33%; margin-bottom: 50px;}
.joinPart2 .list li a{ display: block; width: 100%; height: 100%; }
.joinPart2 .list li .box{ -webkit-transition: all .2s linear; transition: all .2s linear; margin-right: 48px; height: 428px; background: #434343; }
.joinPart2 .list li .name{ padding: 70px 0 0 65px; font-size: 30px; color: #fff; font-weight: bold; line-height: 40px; height: 80px; overflow: hidden; }
.joinPart2 .list li .msg{ padding: 30px 0 0 65px; height: 96px; line-height: 24px; overflow: hidden;}
.joinPart2 .list li .msg dd{ color: #767676; }
.joinPart2 .list li .btnDiv{ -webkit-transition: color .2s; transition: color .2s; width: 164px; height: 36px; line-height: 36px; text-align: center; color: #fff; border: #8e8e8e solid 1px; margin: 40px auto 0;}
.joinPart2 .list li:hover .box{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); background: #0f2537 url(../images/nimg300Bg.png) center bottom no-repeat; box-shadow:4px 10px 10px rgba(35,25,25,0.3); -moz-box-shadow:4px 10px 10px rgba(35,25,25,0.3); -webkit-box-shadow:4px 10px 10px rgba(35,25,25,0.3);}
.joinPart2 .list li:hover .btnDiv{ border: #fff solid 1px; background: #fff; color: #4f5f6c;}
.contactPart1{ padding: 30px 0 100px;}
.contactPart1 .txt1{ text-align: center; font-size: 80px; color: #222; font-weight: bold; font-family: aparajb;}
.contactPart1 .txt2{ text-align: center; font-size: 18px; color: #222; position: relative; padding-bottom: 70px;}
.contactPart1 .txt2 em{ position: absolute; left: 50%; bottom: 0px; display: block; width: 42px; height: 1px; background: #222; margin-left: -21px; }
.contactPart1 .form{ padding: 76px 150px 0; }
.contactPart1 .form ul{ margin-right: -38px; }
.contactPart1 .form li{ float: left; width: 50%; height: 65px; margin-bottom: 40px;}
.contactPart1 .form .li01{ width: 100%; }
.contactPart1 .form li .box{ margin-right: 38px; height: 64px; border-bottom: #e2e3e4 solid 1px; position: relative; padding-left: 55px;}
.contactPart1 .form li .txt{ position: absolute; left: 0px; top: 0px; line-height: 64px; color: #222; font-size: 14px; }
.contactPart1 .form li .txt em{ padding-left: 5px; color: #ff0000; }
.contactPart1 .form li .input1{ width: 100%; height: 64px; line-height: 64px; font-size: 14px; }
.contactPart1 .btnDiv{ padding: 12px 0 0 150px;}
.contactPart1 .btnDiv a{ display: block; width: 170px; height: 43px; border: #000 solid 1px; line-height: 43px; text-align: center; color: #222; font-weight: bold; font-size: 16px; }
.contactPart1 .btnDiv a:hover{ border: #007fca solid 1px; color: #007fca; }
.contactPart2 .txt1{ text-align: center; font-size: 80px; color: #222; font-weight: bold; font-family: aparajb;}
.contactPart2 .txt2{ text-align: center; font-size: 34px; color: #222; font-weight: bold; position: relative; padding-bottom: 75px;}
.contactPart2 .list{ padding: 0 150px; }
.contactPart2 .list ul{ margin-right: -40px; }
.contactPart2 .list li{ float: left; width: 50%; margin-bottom: 50px;}
.contactPart2 .list li .box{ margin-right: 40px; background: #343434; }
.contactPart2 .list li .topBox{ height: 224px; padding: 50px 50px 0; position: relative; }
.contactPart2 .list li .name{ font-size: 30px; color: #fff; font-weight: bold; line-height: 40px; height: 40px; overflow: hidden; background: url(../images/line2.jpg) right center no-repeat;}
.contactPart2 .list li .msg{ padding-top: 30px; line-height: 24px; width: 220px;}
.contactPart2 .list li .msg dd{ color: #bababa; }
.contactPart2 .list li .msg b{ color: #fff; }
.contactPart2 .list li .imgDiv img{ width: 100%; }
.contactPart2 .list li .ico{ position: absolute; right: 50px; bottom: 60px; }
.aboutBox{ padding-top: 195px; background: #000 url(../images/aboutBg.jpg) center top no-repeat;}
.aboutPart1{ padding-bottom: 140px; }
.aboutPart1 .txtDiv{ position: relative; }
.aboutPart1 .txtDiv .txt1{ color: #1a1a1a; font-family: Impact; font-size: 240px; line-height: 260px; }
.aboutPart1 .txtDiv .txt2{ position: absolute; left: 0px; font-size: 90px; color: #fff; bottom: 16px; text-transform: uppercase; font-family:pertili;}
.aboutPart1 .title{ font-size: 48px; color: #fff; padding-bottom: 30px; border-bottom: #363532 solid 1px; margin-bottom: 72px;}
.aboutPart1 .contentBox{ position: relative; padding-right: 556px; height: 330px; }
.aboutPart1 .name{ font-size: 24px; color: #fff; padding-bottom: 50px; padding-top: 25px;}
.aboutPart1 .content{ font-size: 16px; line-height: 25px; color: #fff; }
.aboutPart1 .imgDiv{ position: absolute; right: 0px; top: 0px; }
.aboutPart2{ padding-bottom: 140px; }
.aboutPart2 .txtDiv{ position: relative; }
.aboutPart2 .txtDiv .txt1{ color: #1a1a1a; font-family: Impact; font-size: 240px; line-height: 260px; text-transform: uppercase;}
.aboutPart2 .txtDiv .txt2{ position: absolute; left: 0px; font-size: 90px; color: #fff; bottom: 16px; text-transform: uppercase; font-family:pertili;}
.aboutPart2 .title{ font-size: 48px; color: #fff; padding-bottom: 30px; border-bottom: #363532 solid 1px; margin-bottom: 90px;}
.aboutPart2 .tab2{ text-align: center; height: 40px; background: url(../images/line3.jpg) left 38px repeat-x; }
.aboutPart2 .tab2 li{ margin-left: -3px; position: relative; height: 40px; display: inline-block; font-size: 18px; color: #bcbcbc; font-weight: bold; background: url(../images/ico1.jpg) right bottom no-repeat;}
.aboutPart2 .tab2 li em{ padding: 0 36px 0 39px; display: block; height: 38px;}
.aboutPart2 .tab2 li span{ position: absolute; left: 0px; bottom: 0px; width: 3px; height: 3px; display: block; background: url(../images/ico1.jpg) no-repeat;}
.aboutPart2 .tab2 .liNow{ color: #fff;}
.aboutPart2 .tab2 .liNow em{ border-bottom: #fff solid 1px;}
.aboutPart2 .year{ text-align: center; padding-top: 85px; color: #fff; font-size: 100px; }
.aboutPart2 .name{ text-align: center; color: #fff; padding-top: 10px; font-size: 24px;}
.aboutPart2 .msg{ text-align: center; color: #fff; padding-top: 24px; font-size: 16px;}
.aboutPart3{ padding-bottom: 160px; }
.aboutPart3 .box1 .txtDiv{ position: relative;}
.aboutPart3 .box1 .txtDiv .txt1{ color: #1a1a1a; font-family: Impact; font-size: 240px; line-height: 260px; text-transform: uppercase;}
.aboutPart3 .box1 .txtDiv .txt2{ position: absolute; left: 20px; font-size: 90px; color: #fff; bottom: 16px; text-transform: uppercase; font-family:pertili;}
.aboutPart3 .box1 .txtDiv .line{ position: absolute; left: 20px; bottom: 0px; width: 620px; display: block; height: 1px;
background-image: -webkit-linear-gradient(left,#17ead9,#6078ea);
background-image: -moz-linear-gradient(left,#17ead9,#6078ea);
background-image: -o-linear-gradient(left,#17ead9,#6078ea);
background-image: linear-gradient(to right,#17ead9,#6078ea);}
.aboutPart3 .box1 .name{ font-family: syht; padding: 20px 0 20px 20px; display: inline-block; font-size: 60px; color: #fff;
background-image: -webkit-linear-gradient(top left,#23cad2,#6078ea);
background-image: linear-gradient(to right bottom,#23cad2,#6078ea);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.aboutPart3 .box1 .msg{ font-size: 20px; color: #fff; padding-left: 20px; }
.aboutPart3 .box2{ margin-top: -85px;}
.aboutPart3 .box2 .txtDiv{ position: relative;}
.aboutPart3 .box2 .txtDiv .txt1{ text-align: right; color: #1a1a1a; font-family: Impact; font-size: 240px; line-height: 260px; text-transform: uppercase;}
.aboutPart3 .box2 .txtDiv .txt2{ text-align: right; position: absolute; right: 0px; font-size: 90px; color: #fff; bottom: 16px; text-transform: uppercase; font-family:pertili;}
.aboutPart3 .box2 .txtDiv .line{ position: absolute; right: 0px; bottom: 0px; width: 620px; display: block; height: 1px;
background-image: -webkit-linear-gradient(left,#17ead9,#6078ea);
background-image: -moz-linear-gradient(left,#17ead9,#6078ea);
background-image: -o-linear-gradient(left,#17ead9,#6078ea);
background-image: linear-gradient(to right,#17ead9,#6078ea);}
.aboutPart3 .box2 .name{ font-family: syht; text-align: right; padding: 20px 0; display: inline-block; font-size: 60px; color: #fff;
background-image: -webkit-linear-gradient(top left,#014c8f,#73c639);
background-image: linear-gradient(to right bottom,#014c8f,#73c639);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.aboutPart3 .box2 .msg{ clear: both; text-align: right; font-size: 20px; color: #fff; }
.aboutPart3 .box3{ margin-top: -85px;}
.aboutPart3 .box3 .txtDiv{ position: relative;}
.aboutPart3 .box3 .txtDiv .txt1{ color: #1a1a1a; font-family: Impact; font-size: 240px; line-height: 260px; text-transform: uppercase;}
.aboutPart3 .box3 .txtDiv .txt2{ position: absolute; left: 20px; font-size: 90px; color: #fff; bottom: 16px; text-transform: uppercase; font-family:pertili;}
.aboutPart3 .box3 .txtDiv .line{ position: absolute; left: 20px; bottom: 0px; width: 620px; display: block; height: 1px;
background-image: -webkit-linear-gradient(left,#9d3bb2,#d6336d);
background-image: -moz-linear-gradient(left,#9d3bb2,#d6336d);
background-image: -o-linear-gradient(left,#9d3bb2,#d6336d);
background-image: linear-gradient(to right,#9d3bb2,#d6336d);}
.aboutPart3 .box3 .name{ font-family: syht; padding: 20px 0 20px 20px; display: inline-block; font-size: 60px; color: #fff;
background-image: -webkit-linear-gradient(top left,#9d3bb2,#d6336d);
background-image: linear-gradient(to right bottom,#9d3bb2,#d6336d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.aboutPart3 .box3 .msg{ font-size: 20px; color: #fff; padding-left: 20px;}
.aboutPart4{ padding-bottom: 46px; }
.aboutPart4 .txtDiv{ position: relative; }
.aboutPart4 .txtDiv .txt1{ color: #1a1a1a; font-family: Impact; font-size: 214px; line-height: 260px; text-transform: uppercase;}
.aboutPart4 .txtDiv .txt2{ line-height: 86px; position: absolute; left: 0px; font-size: 90px; color: #fff; bottom: 36px; text-transform: uppercase; font-family:pertili;}
.aboutPart4 .title{ font-size: 48px; color: #fff; padding-bottom: 30px; border-bottom: #363532 solid 1px; margin-bottom: 36px;}
.aboutPart4 .mapList{ width: 799px; height: 660px; position: relative; background: url(../images/map.jpg) left top no-repeat; margin: 0 auto;}
.aboutPart4 .mapList li{ width: 28px; height: 28px; position: absolute; }
.aboutPart4 .mapList li.big{ width: 76px; height: 76px; }
/* .aboutPart4 .mapList li .pulse.delay-06{ display: block; width: 28px; height: 28px;border-radius:28px; position: absolute;background-color:rgba(73, 234, 243, 0.2);
-webkit-animation: scaleout 1.3s infinite ease-in-out;
animation: scaleout 1.3s infinite ease-in-out; } */
.aboutPart4 .mapList li span{ display: block; width: 28px; height: 28px; position: absolute; background: url(../images/nimg28_1.png) no-repeat center;
/* -webkit-animation: scaleout 1.3s infinite ease-in-out;
animation: scaleout 1.3s infinite ease-in-out;*/}
.aboutPart4 .mapList li.big span{ width: 76px; height: 76px; background: url(../images/nimg76_1.png) no-repeat center;}
.aboutPart4 .mapList .li01{ left: 204px; top: 222px; }
.aboutPart4 .mapList .li02{ left: 171px; top: 379px; }
.aboutPart4 .mapList .li03{ left: 294px; top: 352px; }
.aboutPart4 .mapList .li04{ left: 349px; top: 528px; }
.aboutPart4 .mapList .li05{ left: 467px; top: 505px; }
.aboutPart4 .mapList .li06{ left: 496px; top: 558px; }
.aboutPart4 .mapList .li07{ left: 480px; top: 361px; }
.aboutPart4 .mapList .li08{ left: 497px; top: 426px; }
.aboutPart4 .mapList .li22{ left: 469px; top: 432px; }
.aboutPart4 .mapList .li09{ left: 576px; top: 376px; }
.aboutPart4 .mapList .li10{ left: 622px; top: 386px; }
.aboutPart4 .mapList .li11{ left: 652px; top: 411px; }
.aboutPart4 .mapList .li12{ left: 678px; top: 388px; }
.aboutPart4 .mapList .li13{ left: 604px; top: 488px; }
.aboutPart4 .mapList .li14{ left: 496px; top: 244px; }
.aboutPart4 .mapList .li15{ left: 518px; top: 302px; }
.aboutPart4 .mapList .li16{ left: 581px; top: 308px; }
.aboutPart4 .mapList .li17{ left: 598px; top: 154px; }
.aboutPart4 .mapList .li18{ left: 691px; top: 84px; }
.aboutPart4 .mapList .li19{ left: 676px; top: 148px; }
.aboutPart4 .mapList .li20{ left: 554px; top: 218px; }
.aboutPart4 .mapList .li21{ left: 552px; top: 533px; }
/* .aboutPart4 .pulse{position:absolute;top:-2px;left:-2px;height:66px;width:66px;filter:alpha(opacity=0);
-webkit-animation:warn 2s ease-out
-moz-animation:warn 2s ease-out both;
-o-animation:warn 2s ease-out both;
animation:warn 2s ease-out both
;-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
animation-iteration-count:infinite;background:0 0
} */
.aboutPart4 .pulse{position:absolute;top:-2px;left:-2px;height:66px;width:66px;border:2px solid #53b8ff;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #53b8ff,0 0 10px #53b8ff inset;-moz-box-shadow:0 0 4px #53b8ff,0 0 10px #53b8ff inset;box-shadow:0 0 4px #53b8ff,0 0 10px #53b8ff inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.aboutPart4 .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.aboutPart4 .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.aboutPart4 .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.aboutPart4 .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.aboutPart4 .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.aboutPart4 .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.aboutPart4 .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.aboutPart4 .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.aboutPart4 .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.aboutPart4 .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.aboutPart4 .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
/*@-webkit-keyframes scaleout {
0% { -webkit-transform: scale(1.0) }
100% {
-webkit-transform: scale(1.3);
opacity: 0.4;
}
}
@keyframes scaleout {
0% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
} 100% {
transform: scale(1.1);
-webkit-transform: scale(1.3);
opacity: 0.4;
}
}*/
.aboutPart4 .mapTel img{ width: 100%; }
.technology{width: 100%; height: 100%;overflow: hidden;}
.technology .swiper-container{ width: 100%; height: 100vh; margin-left: auto; margin-right: auto;}
.technology .swiper-slide {height: 100vh; color: #fff; }
.technology .swiper-pagination-bullet { height: 32px; line-height: 32px; font-size: 18px; color: #949494; font-weight: bold; display: block; width: 70px; height: auto; opacity: 1; border: none; background: none; border-radius: 4px; margin-right:14px!important; }
.technology .swiper-pagination-bullet-active {background: url(../images/line4.jpg) no-repeat right center; color: #fff; text-align: left;}
.technology .swiper-pagination{ width: auto!important; text-align: right; left: auto!important; right:50%!important; top: 28%!important; margin-left: 0px!important; margin-right: -600px!important;}
.technology .wal{ padding-top: 200px; }
.technology .bigTxt{ font-size: 90px; color: #fff; text-transform: uppercase; font-family:pertili;}
.technology .txt{ font-weight: bold; height: 62px; border-bottom: #363532 solid 1px; font-size: 36px; color: #fff; }
.technology .msg{ font-size: 18px; color: #fff; padding-top: 30px; line-height: 32px;}
.technology .msg2{ width: 1010px; }
.technology .box1{ padding-top: 50px; }
.technology .box1 .list{ width: 790px; padding-top: 105px;}
.technology .box1 .list li{ float: left; width: 50%; }
.technology .box1 .list li .lbox{ margin-right: 40px; border-top: #fff solid 1px;}
.technology .box1 .list li .name{ height: 70px; line-height: 70px; overflow: hidden; font-size: 24px; color: #fff; }
.technology .box1 .list li .content{ color: #fff; font-size: 14px; line-height: 24px; padding-top: 15px; }
.technology .box1 .imgDiv img{ width: 410px; }
.technology .box2{ padding-top: 150px; width: 660px;}
.technology .box2 .name{ padding-top: 20px; border-top: #fff solid 1px; height: 70px; line-height: 70px; overflow: hidden; font-size: 24px; color: #fff; }
.technology .box2 .content{ color: #fff; font-size: 14px; line-height: 24px; padding-top: 15px; }
.technology .box3{ padding-top: 115px; }
.technology .box3 .list{ width: 1030px; }
.technology .box3 .list li{ float: left; width: 455px; margin-right: 60px; height: 160px; border-bottom: #fff solid 1px; color: #fff;}
.technology .box3 .list li .lbox{ padding-left: 260px; position: relative;}
.technology .box3 .list .li01 .lbox{ padding-left: 90px; }
.technology .box3 .list li .num{ line-height: 100px; font-size: 120px; font-weight: bold; position: absolute; left: 0px; top: 0px;}
.technology .box3 .list li .wen{ padding-top: 20px; font-size: 14px; line-height: 24px; padding-right:20px;}
.technology .box3 .list li .wen2{ padding-right: 80px; }
.technology .box4{ padding-top: 120px; width: 660px;}
.technology .box4 .name{ padding-top: 20px; border-top: #fff solid 1px; height: 70px; line-height: 70px; overflow: hidden; font-size: 24px; color: #fff; }
.technology .box4 .content{ color: #fff; font-size: 14px; line-height: 24px; padding-top: 15px; }
.technologyTel{width: 100%; height: 100%;overflow: hidden;}
.technologyTel .swiper-container{ width: 100%; height: 100vh; margin-left: auto; margin-right: auto;}
.technologyTel .swiper-slide {height: 100vh; color: #fff; }
.technologyTel .swiper-pagination-bullet { font-size: 16px; float: left; width: auto; line-height: 32px; height: 32px; background: none; border-radius: 0px; opacity: 1; border: none; margin-right:10px!important; }
.technologyTel .swiper-pagination-bullet-active {background: url(../images/line4.jpg) no-repeat center bottom; color: #fff;}
.technologyTel .swiper-pagination{ top: auto!important; text-align: left; left:3%!important; bottom: 0px!important; }
.technologyTel .wal{ padding-top: 70px; width: auto; padding-left: 10px; padding-right: 10px;}
.technologyTel .bigTxt{ font-size: 30px; color: #fff; text-transform: uppercase; font-family:pertili;}
.technologyTel .txt{ font-weight: bold; height: 52px; border-bottom: #363532 solid 1px; font-size: 18px; color: #fff; }
.technologyTel .msg{ font-size: 14px; color: #fff; padding-top: 15px; line-height: 30px;}
.technologyTel .box1{ padding-top: 20px; }
.technologyTel .box1 .list li{ margin-bottom:20px; }
.technologyTel .box1 .list li .lbox{ border-top: #fff solid 1px;}
.technologyTel .box1 .list li .name{ height: 40px; line-height: 40px; overflow: hidden; font-size: 18px; color: #fff; }
.technologyTel .box1 .list li .content{ color: #fff; font-size: 14px; line-height: 24px; padding-top: 15px; }
.technologyTel .box1 .imgDiv img{ width: 410px; }
.technologyTel .box2{ padding-top: 150px; width: 660px;}
.technologyTel .box2 .name{ padding-top: 20px; border-top: #fff solid 1px; height: 70px; line-height: 70px; overflow: hidden; font-size: 24px; color: #fff; }
.technologyTel .box2 .content{ color: #fff; font-size: 14px; line-height: 24px; padding-top: 15px; }
.technologyTel .box3{ padding-top: 115px; }
.technologyTel .box3 .list{ width: 1030px; }
.technologyTel .box3 .list li{ float: left; width: 455px; margin-right: 60px; height: 160px; border-bottom: #fff solid 1px; color: #fff;}
.technologyTel .box3 .list li .lbox{ padding-left: 260px; position: relative;}
.technologyTel .box3 .list .li01 .lbox{ padding-left: 90px; }
.technologyTel .box3 .list li .num{ line-height: 100px; font-size: 120px; font-weight: bold; position: absolute; left: 0px; top: 0px;}
.technologyTel .box3 .list li .wen{ padding-top: 20px; font-size: 14px; line-height: 24px; padding-right:20px;}
.technologyTel .box3 .list li .wen2{ padding-right: 80px; }
.technologyTel .box4{ padding-top: 120px; width: 660px;}
.technologyTel .box4 .name{ padding-top: 20px; border-top: #fff solid 1px; height: 70px; line-height: 70px; overflow: hidden; font-size: 24px; color: #fff; }
.technologyTel .box4 .content{ color: #fff; font-size: 14px; line-height: 24px; padding-top: 15px; }
.productPart1{position:relative}
.productPart1 .img img{width:100%}
.productPart1 .wal{ height: 100%; position: absolute;top:0;left:50%;margin-left:-600px}
.productPart1 .leftImg{ position: absolute; left: 0px; bottom: 0px; }
.productPart1 .contentBox{ position: absolute; right: 0; top: 50%; margin-top: -140px; width: 500px; }
.productPart1 .name{ color: #fff; font-size: 50px; font-weight: bold; }
.productPart1 .msg{ font-size: 22px; color: #fff; padding: 20px 0 30px;}
.productPart1 .content{ font-size: 14px; line-height: 38px; color: #fff; padding-bottom: 40px;}
.productPart1 .btnDiv a{ display: block; width: 155px; height: 47px; border: #868d99 solid 1px; color: #fff; font-size: 14px; text-align: center; line-height: 47px; border-radius: 24px; -moz-border-radius:24px; }
.productPart1 .btnDiv a:hover{ border: #007fca solid 1px; color: #007fca; }
.productPart2{ padding-top: 250px; height: 689px; background: url(../images/productBg22.png) center 100px no-repeat; overflow: hidden;}
.productPart2 .wal{ position:relative; height:689px;}
.productPart2 .txt{ text-align: center; padding: 0 0 25px; color: #60666a; font-weight: bold; font-size: 50px;}
.productPart2 .content{ text-align: center; font-size: 16px; line-height: 30px; color: #696969; }
.productPart2 .contentTel{ display:none; font-size: 14px; line-height: 30px; color: #696969; }
.productPart2 .layer{ position:absolute; width:153px; height:320px; background:url(../images/nimg5_1.png) center bottom no-repeat;}
.productPart2 .layer1{ left:54px; top:0px;}
.productPart2 .layer2{ right:54px; top:0px;}
.productPart2 .layer3{ left:-48px; bottom:0px;}
.productPart2 .layer4{ right:-48px; bottom:0px;}
.productPart2 .layer .wen{ position:absolute; left:0px; width:153px; top:50px; text-align:center; line-height:26px; font-size:16px;}
.productPart3{ height: 939px; background: url(../images/productBg3.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.productPart3 .wal{ height: 939px; position: relative; }
.productPart3 .brief{ position: relative; height: 939px; }
.productPart3 .txt{ text-align: center; padding: 140px 0 25px; color: #fff; font-weight: bold; font-size: 50px;}
.productPart3 .content{ text-align: center; font-size: 16px; line-height: 30px; color: #fff; }
.productPart3 .contentTel{ display:none; font-size: 14px; line-height: 30px; color: #fff; padding-bottom:20px; }
.productPart3 .imgDiv{ position: absolute; left: 50%; bottom: 0px; margin-left: -166px; }
.productPart4{ height: 939px; background: url(../images/productBg4.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.productPart4 .wal{ height: 939px; position: relative; }
.productPart4 .contentBox{ position: absolute; left: 50%; margin-left: -540px; top: 50%; margin-top: -145px; }
.productPart4 .imgDiv{ position: absolute; right: 50%; bottom: 0px; margin-right: -660px; }
.productPart4 .txt{ color: #60666a; font-weight: bold; font-size: 50px;}
.productPart4 .msg{ font-size: 16px; color: #696969; line-height: 30px; padding: 20px 0 30px;}
.productPart4 .icoList li{ float: left; width: 93px; height: 93px; margin-right: 24px; }
.productPart5{ height: 939px; background: url(../images/productBg5.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.productPart5 .wal{ height: 939px; position: relative; }
.productPart5 .txt{ text-align: center; padding: 140px 0 25px; color: #fff; font-weight: bold; font-size: 50px;}
.productPart5 .msg{ text-align: center; color: #fff; font-size: 16px;}
.productPart5 .icoImg{ text-align: center; padding-top: 140px; position: relative;}
.productPart6{ height: 939px; background: url(../images/productBg666.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.productPart6 .wal{ height: 939px; position: relative; }
.productPart6 .txt{ text-align: center; padding: 140px 0 25px; color: #60666a; font-weight: bold; font-size: 50px;}
.productPart6 .msg{ text-align: center; color: #696969; font-size: 16px; line-height:32px;}
.productPart6 .msgTel{ display:none; color: #696969; font-size: 14px; line-height:32px;}
.productPart6 .roundDiv{ position:absolute; width:730px; height:730px; bottom:0px; left:50%; margin-left:-365px;/* background:#393*/}
.productPart6 .ffff{ position:absolute; left:50%; margin-left:-177px; top:50%; z-index:2;}
.productPart6 .pulse{position:absolute;top:50%;left:50%;height:730px;width:730px; margin-left:-370px; margin-top:-300px; border:5px solid #4fe7fd;-webkit-border-radius:365px;-moz-border-radius:365px;border-radius:365px;-webkit-box-shadow:0 0 4px #4fe7fd,0 0 10px #4fe7fd inset;-moz-box-shadow:0 0 4px #4fe7fd,0 0 10px #4fe7fd inset;box-shadow:0 0 4px #4fe7fd,0 0 10px #4fe7fd inset;opacity:.52;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.productPart6 .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.productPart6 .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.productPart6 .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.productPart6 .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.productPart6 .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.productPart6 .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.productPart6 .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.productPart6 .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.productPart6 .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.productPart6 .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.productPart6 .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.productPart7{ height: 939px; background: url(../images/productBg7.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.productPart7 .wal{ height: 939px; position: relative; }
.productPart7 .txt{ text-align: center; padding: 140px 0 25px; color: #fff; font-weight: bold; font-size: 50px;}
.productPart7 .msg{ text-align: center; color: #fff; font-size: 16px;}
.productPart7 .battery{ position: absolute; left: 50%; margin-left: -232px; bottom: 45px; width:465px; height:545px;}
.productPart7 .battery .huan{ position:absolute; left:0px; top:0px; z-index:2;}
.productPart8{ height: 939px; background: url(../images/productBg8.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.productPart8 .wal{ height: 939px; position: relative; }
.productPart8 .contentBox{ padding: 190px 0 0 50px; }
.productPart8 .txt{ font-size: 50px; color: #60666a; }
.productPart8 .list{ padding-top: 180px; width: 750px;}
.productPart8 .list li{ float: left; text-align: center; margin-bottom:50px;}
.productPart8 .list li .box{ width: 93px; margin-right: 50px;}
.productPart8 .list li p{ padding-top: 20px; font-size: 16px; color: #60666a;}
.productPart8 .imgDiv{ position: absolute; right: 50%; margin-right: -650px; bottom: 0px; }
.productPart9{ height: 1172px; background: url(../images/productBg9.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.productPart9 .wal{ height: 1172px; position: relative; }
.productPart9 .txt{ text-align: center; color: #fff; font-size: 50px; padding: 140px 0 25px; }
.productPart9 .content{ padding: 0 130px; font-size: 16px; color: #fff; line-height: 30px; text-align: center; }
.productPart9 .imgDiv{ position: absolute; left: 0px; bottom: 0px; }
.productPart10{ padding-top: 92px; height: 847px; background: url(../images/productBg10.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.show-swiper{ width: 100%; height: 760px; z-index: 2; position: relative;}
.imgChange { width: 760px; height: 760px; margin: 0 auto; text-align: center;}
.device { width: 100%; position: absolute; top: 310px; z-index: 5;}
.swiper-btn { width: 1030px; margin: 0 auto;}
.device .nextBtn { background: url(../images/nimg62_right.png); float: right;}
.device .prevBtn { float: left; background: url(../images/nimg62_left.png);}
.device .nextBtn:hover{ background: url(../images/nimg62_righton.png);}
.device .prevBtn:hover{ background: url(../images/nimg62_lefton.png);}
.device .imgBtn { display: block; width: 62px; height: 63px; cursor: pointer;}
.solutionPart1{ height: 1094px; background: url(../images/solutionBg1.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.solutionPart1 .contentBox{ padding-top: 230px; }
.solutionPart1 .name{ font-size: 50px; color: #fff; text-align: center; font-weight: bold; padding-bottom: 20px;}
.solutionPart1 .msg{ font-size: 22px; color: #fff; text-align: center; }
.solutionPart1 .content{ padding: 20px 0 40px; font-size: 14px; line-height: 30px; color: #fff; text-align: center; opacity: 0.6; }
.solutionPart1 .btnDiv{ margin: 0 auto; width: 157px; }
.solutionPart1 .btnDiv a{ display: block; width: 155px; height: 47px; border: #868d99 solid 1px; color: #fff; font-size: 14px; text-align: center; line-height: 47px; border-radius: 24px; -moz-border-radius:24px; }
.solutionPart1 .btnDiv a:hover{ border: #007fca solid 1px; color: #007fca; }
.solutionPart1 .imgDiv{ text-align: center; padding-top: 30px;}
.solutionPart2{ height: 938px; background: url(../images/solutionBg2.jpg) center no-repeat; background-size: cover; position: relative;}
.solutionPart2 .leftLayer{ position: absolute; left: 0px; top: 0px; width: 354px; height: 100%; background: url(../images/bg2.png) repeat;}
.solutionPart2 .txtDiv{ height: 245px; }
.solutionPart2 .txtDiv .txt1{ text-align: center; padding: 85px 0 15px; color: #fff; font-weight: bold; font-size: 40px; }
.solutionPart2 .txtDiv .txt2{ text-align: center; color: #60666a; font-weight: bold; font-size: 16px; }
.solutionPart2 .tab2 li{ height: 230px; border-bottom: #113559 solid 1px; position: relative; padding-left: 120px; font-size: 16px; color: #fff; line-height: 230px;}
.solutionPart2 .tab2 li:last-child{ border-bottom: none; }
.solutionPart2 .tab2 li .ico{ position: absolute; left: 60px; top: 0px; }
.solutionPart2 .tab2 .liNow{ background: #06426a; }
.solutionPart2 .box1{ padding: 266px 180px 0 520px; overflow: hidden; height: 590px;}
.solutionPart2 .box1 .leftImg{ width: 33.33%; }
.solutionPart2 .box1 .leftImg img{ width: 100%; }
.solutionPart2 .box1 .rightDiv{ width: 58.3%; }
.solutionPart2 .box1 .name{ font-size: 36px; color: #fff; font-weight: bold; padding: 15px 0 30px;}
.solutionPart2 .box1 .content{ font-size: 13px; line-height: 32px; color: #fff; }
.solutionPart2 .box1 .icoList{ padding-top: 50px; width: 600px; position: relative;}
.solutionPart2 .box1 .icoList li{ float: left; width: 130px; margin-right: 20px; position: relative; cursor: pointer;}
.solutionPart2 .box1 .icoList .liNow .wen{ background:url(../images/nimg15_1.png) center bottom no-repeat; }
.solutionPart2 .box1 .icoList li .ico{ text-align: center; }
.solutionPart2 .box1 .icoList li .wen{ padding-top: 15px; color: #fff; font-size: 16px; height: 46px; text-align: center;}
.solutionPart2 .box1 .icoList li .sbLayer{ left:20px; position: absolute; display: none; top: 153px; width: 540px; height: 160px; background: #fff; border-radius: 6px; -moz-border-radius:6px;}
.solutionPart2 .box1 .icoList li:nth-child(2) .sbLayer{ left: -130px; }
.solutionPart2 .box1 .icoList li:nth-child(3) .sbLayer{ left: -280px; }
.solutionPart2 .box1 .icoList li:nth-child(4) .sbLayer{ left: -430px; }
.solutionPart2 .box1 .icoList li .neirong{ font-size: 14px; padding: 35px 40px 0; height: 104px; overflow: hidden; line-height: 26px; color: #3e3e3e; }
.solutionPart2 .box1 .icoListTel{ display: none; padding-top: 25px;}
.solutionPart2 .box1 .icoListTel li{ float: left; width: 50%; margin-bottom: 20px; }
.solutionPart2 .box1 .icoListTel li .ico{ text-align: center; }
.solutionPart2 .box1 .icoListTel li .ico img{ width: 60px; }
.solutionPart2 .box1 .icoListTel li .wen{ padding-top: 15px; color: #fff; font-size: 14px; text-align: center;}
.solutionPart2 .box2{ padding: 100px 345px 0 675px; overflow: hidden;}
.solutionPart2 .box2 .name{ font-size: 36px; color: #fff; font-weight: bold; padding: 15px 0 30px;}
.solutionPart2 .box2 .content{ font-size: 13px; line-height: 32px; color: #fff; padding-bottom: 40px; }
.solutionPart2 .box2 .imgDiv img{ width: 100%; }
.solutionPart2 .box3{ padding: 100px 345px 0 675px; overflow: hidden;}
.solutionPart2 .box3 .name{ font-size: 36px; color: #fff; font-weight: bold; padding: 15px 0 30px;}
.solutionPart2 .box3 .content{ font-size: 13px; line-height: 32px; color: #fff; padding-bottom: 40px; }
.solutionPart2 .box3 .imgDiv img{ width: 100%; }
.solutionPart3{ padding-top: 79px; height: 860px; background: url(../images/solutionBg3.jpg) center no-repeat; background-size: cover;}
.solutionPart3 .txt{ text-align: center; color: #fff; font-weight: bold; font-size: 50px; padding-bottom: 50px; }
.solutionPart3 .listBox{ background: url(../images/bg3.png) repeat; border-radius: 24px; -moz-border-radius:24px; overflow: hidden;}
.solutionPart3 .listBox ul{ margin-right: -1px; margin-top: -1px;}
.solutionPart3 .listBox li{ float: left; width: 25%; height: 330px;}
.solutionPart3 .listBox li .box{ border-right: #3f3f3f solid 1px; border-top: #3f3f3f solid 1px; height: 329px;}
.solutionPart3 .listBox li .ico{ text-align: center; padding: 55px 0 20px; }
.solutionPart3 .listBox li .name{ font-size: 16px; color: #fff; font-weight: bold; text-align: center; padding-bottom: 20px;}
.solutionPart3 .listBox li .msg{ font-size: 13px; color: #cfcfcf; line-height: 26px; padding: 0 50px; text-align: center; }
.solutionPart4{ padding-top: 79px; height: 860px; background: url(../images/solutionBg4.jpg) center no-repeat; background-size: cover;}
.solutionPart4 .txt{ text-align: center; color: #60666a; font-weight: bold; font-size: 50px; padding-bottom: 50px; }
.solutionPart4 .table{ border-radius: 24px; -moz-border-radius:24px; overflow: hidden;}
.solutionPart4 .table th{ height: 87px; border-bottom: #e2e5e9 solid 1px; border-right: #e2e5e9 solid 1px; background: #fff; font-size: 22px; color: #2f2f2f; font-weight: 400;}
.solutionPart4 .table .th01{ background: #484848; color: #fff; border-bottom: #585858 solid 1px;}
.solutionPart4 .table .th02{ border-right: none; }
.solutionPart4 .table td{ text-align: center; height: 79px; border-bottom: #e2e5e9 solid 1px; border-right: #e2e5e9 solid 1px; background: #fff; font-size: 16px; color: #626262; font-weight: 400;}
.solutionPart4 .table .td01{ background: #484848; color: #fff; border-bottom: #585858 solid 1px;}
.solutionPart4 .table .td02{ border-right: none; }
.solutionPart4 .tips{ font-size:14px; padding-top:20px;}
.jobLayer{ width:1000px; height:825px; padding-bottom:25px; background:#fff; position:absolute; z-index:115; display:none; overflow: hidden;}
.jobLayer .close{ display:block; width:32px; height:32px; background:url(../images/close2.png) no-repeat; right:40px; top:38px; position:absolute; z-index:222;}
.jobLayer .bigBox{ padding: 115px 190px 0;}
.jobLayer .contentBox{height:630px;}
.jobLayer .name1{ padding-bottom: 10px; font-size: 14px; position: relative; color:#adadad;}
.jobLayer .name2{ font-size: 36px; color: #000; font-weight: bold; padding-bottom: 45px; border-bottom: #000 solid 1px;}
.jobLayer .content{ font-size: 13px; line-height: 40px; padding-bottom: 50px;}
.jobLayer .content b{ display: block; }
.jobLayer .tips{ width: 350px; height: 30px; background: #353535; text-align: center; line-height: 30px; color: #fff; }
.tipsLayer{ position:absolute; display:none; z-index:222; width:400px; height:200px; background:#fff;}
.tipsLayer .msg{ text-align:center; line-height:200px; color:#000; font-size:22px;}
.tipsLayer .close{ position:absolute; display:block; width:32px; height:32px; right:15px; top:15px; background:url(../images/close2.png) no-repeat;}
.videoLayer{ position:absolute; display:none; z-index:111; width:1000px; height:500px; background:#fff;}
.videoLayer .close{ position:absolute; display:block; width:32px; height:32px; right:15px; top:15px; background:url(../images/close2.png) no-repeat;}
.logisticsPart1{ height: 929px; background: url(../images/logisBg1.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.logisticsPart1 .wal{ height: 929px; position: relative; }
.logisticsPart1 .leftImg{ position: absolute; left: -65px; top: 50%; margin-top: -183px;}
.logisticsPart1 .contentBox{ position: absolute; right: -65px; top: 50%; margin-top: -180px; width: 465px; }
.logisticsPart1 .name1{ color: #fff; font-size: 28px; position: relative; height: 52px; }
.logisticsPart1 .name1 em{ position: absolute; left: 0px; bottom: 0px; display: block; width: 68px; height: 4px; background: #0a74c1; }
.logisticsPart1 .name2{ padding-top: 10px; color: #fff; font-size: 50px; line-height:50px; font-weight: bold; }
.logisticsPart1 .msg{ font-size: 30px; color: #fff; padding: 10px 0 20px;}
.logisticsPart1 .content{ font-size: 15px; line-height: 34px; color: #fff; padding-bottom: 20px;}
.logisticsPart1 .btnDiv a{ display: block; width: 155px; height: 47px; border: #fff solid 1px; color: #fff; font-size: 14px; text-align: center; line-height: 47px; border-radius: 24px; -moz-border-radius:24px; }
.logisticsPart1 .btnDiv a:hover{ border: #007fca solid 1px; color: #007fca; }
.logisticsPart2{ padding-top: 110px; height: 819px; background: url(../images/logisBg2.jpg) center no-repeat; background-size: cover;}
.logisticsPart2 .txt{ text-align: center; color: #60666a; font-weight: bold; font-size: 50px; padding-bottom: 120px; }
.logisticsPart2 .list li{ float: left; width: 16.66%; height: 270px;}
.logisticsPart2 .list li .box{ padding: 0 20px; text-align: center; }
.logisticsPart2 .list li .name{ font-size: 16px; color: #60666a; font-weight: bold; padding: 15px 0 18px; }
.logisticsPart2 .list li .msg{ font-size: 13px; color: #838383; line-height: 20px; }
.logisticsPart3{ padding-top: 79px; height: 860px; background: url(../images/solutionBg3.jpg) center no-repeat; background-size: cover;}
.logisticsPart3 .txt{ text-align: center; color: #fff; font-weight: bold; font-size: 50px; padding-bottom: 50px; }
.logisticsPart3 .listBox{ background: url(../images/bg3.png) repeat; border-radius: 24px; -moz-border-radius:24px; overflow: hidden;}
.logisticsPart3 .listBox ul{ margin-right: -1px; margin-top: -1px;}
.logisticsPart3 .listBox li{ float: left; width: 25%; height: 330px;}
.logisticsPart3 .listBox li .box{ border-right: #3f3f3f solid 1px; border-top: #3f3f3f solid 1px; height: 329px;}
.logisticsPart3 .listBox li .ico{ text-align: center; padding: 55px 0 20px; }
.logisticsPart3 .listBox li .name{ font-size: 16px; color: #fff; font-weight: bold; text-align: center; padding-bottom: 20px;}
.logisticsPart3 .listBox li .msg{ font-size: 13px; color: #cfcfcf; line-height: 26px; padding: 0 66px; text-align: center; }
.logisticsPart3 .listBox li .msg2{ padding:0 65px;}
.logisticsPart4{ padding-top: 95px; height: 839px; background: url(../images/logisBg4.jpg) center no-repeat; background-size: cover;}
.logisticsPart4 .wal{ position: relative; height: 839px; }
.logisticsPart4 .txt{ text-align: center; color: #60666a; font-weight: bold; font-size: 50px; padding-bottom: 90px; }
.logisticsPart4 .imgDiv{ text-align: center; }
.logisticsPart4 .list1{ position: absolute; left: 75px; top: 200px; }
.logisticsPart4 .list2{ position: absolute; right: 0px; top: 200px; }
.logisticsPart4 .list li{ height: 59px; margin-bottom: 38px; position: relative; padding-left: 72px; line-height: 59px; font-size: 14px; }
.logisticsPart4 .list li .ico{ position: absolute; left: 0px; top: 0px; }
.logisticsPart5{ padding-top: 120px; height: 819px; background: url(../images/logisBg5.jpg) center no-repeat; background-size: cover;}
.logisticsPart5 .txt{ text-align: center; color: #fff; font-weight: bold; font-size: 50px; padding-bottom: 105px; }
.logisPic{ position: relative; padding:0 90px;}
.logisPic .slick{ border-radius: 30px; -moz-border-radius:30px; margin: 0 18px; padding: 0 50px; height: 425px; background: url(../images/bg4.png) repeat; }
.logisPic .slick .imgDiv{ padding-top: 45px; }
.logisPic .slick .imgDiv img{ width: 100%; }
.logisPic .slick .name{ padding: 30px 0 15px; color: #fff; font-weight: bold; font-size: 24px; text-align: center;}
.logisPic .slick .msg{ font-size: 14px; padding: 0 48px; color: #e3e3e3; text-align: center; line-height: 24px;}
.logisPic .slick-prev{ z-index: 22; display: block; position: absolute; left: 0px; top: 50%; margin-top: -31px; width: 62px; height: 63px; background: url(../images/nimg62_left.png) center no-repeat;}
.logisPic .slick-next{ z-index: 22; display: block; position: absolute; right: 0px; top: 50%; margin-top: -31px; width: 62px; height: 63px; background: url(../images/nimg62_right.png) center no-repeat;}
.logisPic .slick-prev:hover{ background: url(../images/nimg62_lefton.png) center no-repeat;}
.logisPic .slick-next:hover{ background: url(../images/nimg62_righton.png) center no-repeat;}
.logisticsPart6{ overflow: hidden; padding-top: 259px; height: 680px; background: url(../images/logisBg6.jpg) center no-repeat; background-size: cover;}
.logisticsPart6 .leftImg{ width: 817px; padding-top: 30px;}
.logisticsPart6 .contentBox{ width: 450px; }
.logisticsPart6 .txt{ font-size: 36px; color: #60666a; }
.logisticsPart6 .name{ font-size: 50px; color: #51585d; position: relative; height: 95px; font-weight: bold;}
.logisticsPart6 .name em{ position: absolute; left: 0px; bottom: 0px; display: block; width: 50px; height: 3px; background: #24a4fb; }
.logisticsPart6 .msg{ font-size: 26px; color: #60666a; padding: 25px 0 30px; }
.logisticsPart6 .content{ font-size: 16px; color: #60666a; line-height: 30px; width:490px; }
/* 2020.03.25 新增 */
.conprehenpc{position:relative}
.comprehen .logo{position:absolute;width:11.25vw;z-index:6;left:3.33vw;opacity:0;top:0;transition:1s ease 0s;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s}
.comprehen .logo.cur{opacity:1;top:3.15vh}
.conprehenpc .banlist{display:none}
.conprehenpc .banlist.cur{display:block}
.conprehenpc .banlist img{width:100vw;height:100vh;object-fit: cover;object-position: 14% top}
.comprobox{width:100%;position:absolute;bottom:40px;left:0;counter-reset:num;}
@font-face{font-family:'din';src:url(../font/din.otf)}
.comprolist{width:calc(25% - 2px);padding:26px 48px 22px 64px;margin-right:-2px;box-sizing:border-box;vertical-align:bottom;position:relative;overflow:hidden;display:inline-block;background-color:rgba(0,0,0,0.4);transition:0.5s ease 0.1s;-webkit-transition:0.5s ease 0.1s;-moz-transition:0.5s ease 0.1s}
.comprolist:after{counter-increment:num;content:"0" counter(num);font-size:170px;font-weight:bold;font-family:'din';color:#fff;opacity:0;position:absolute;bottom:-14px;right:-20px}
.comprolist:nth-last-of-type(1){width:25%;margin-right:0}
.comprolist .showbox{transition:1s ease 0.1s;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s}
.comprolist .showbox .icon{text-align:center;height:34px;line-height:34px}
.comprolist .showbox .icon img,
.comprolist .showbox .upicon img{display:inline-block;vertical-align:middle}
.comprolist .showbox .upicon img{animation:xuanzhuan 2s linear 0s infinite normal none;-webkit-animation:xuanzhuan 2s linear 0s infinite normal none;-moz-animation:xuanzhuan 2s linear 0s infinite normal none}
.comprolist .showbox .title{color:#fff;font-size:18px;font-weight:bold;text-align:center;margin-top:6px}
.comprolist .showbox .text{color:#ccc;font-size:14px;font-weight:bold;text-align:center;margin-top:6px}
.comprolist .showbox .upicon{text-align:center;margin-top:15px}
.comprolist .hidelist{max-height:0;overflow:hidden}
.comprolist .comprotop{transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.comprolist .comprotop .icon{height:75px;line-height:75px;float:left}
.comprolist .comprotop .icon img{display:inline-block;vertical-align:middle}
.comprolist .comprotop .textbox{float:left;margin-left:28px;padding-top:24px}
.comprolist .comprotop .textbox .name{color:#fff;font-size:20px;font-weight:bold}
.comprolist .comprotop .textbox .text{color:#fff;font-size:14px;font-weight:bold;font-family:'din';margin-top:4px}
.comprolist .comprodesc{color:#fff;font-size:14px;line-height:2.143;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.comprolist .comprobot{width:306px;position:relative;z-index:5;border-radius:42px;box-sizing:border-box}
.comprolist .comprobot .text{line-height:38px;float:left;color:#fff;padding-left:15px;font-size:14px;width:calc(100% - 59px);box-sizing:border-box}
.comprolist .comprobot .icon{width:59px;height:42px;text-align:center;line-height:42px;border-radius:42px;background-color:#7ed4ff;position:absolute;top:-2px;right:-2px}
.comprolist .comprobot .icon img{display:inline-block;vertical-align:middle}
.comprolist:hover .showbox{display:none}
.comprolist:hover{background-color:#008fd7;padding-bottom: 64px;padding-top: 30px;}
.comprolist:hover:after{opacity:0.05;bottom:-54px}
.comprolist:hover .comprotop{max-height:75px}
.comprolist:hover .comprodesc{max-height:114px;margin-top:35px}
.comprolist:hover .comprobot{max-height:42px;height:42px;margin-top:40px;border:2px solid rgba(255,255,255,0.3);overflow:initial}
.comprehen{width:100vw;height:100vh}
.conprehenwap{display:none;position:relative}
.copybox{width:100%;position:absolute;bottom:0;left:0;color:#999;font-size:14px;text-align:center;background-color:#27272f;height:40px;line-height:40px}
.copybox a{color:#999;font-size:14px;margin-left:10px}
.conprehenwap .logo{width:37.7333vw;position:absolute;top:20px;left:32px;z-index:5}
.conprehenwap .banlist{display:none}
.conprehenwap .banlist img{width:100%}
.conprehenwap .banlist.cur{display:block}
.conprehenwap .conprehenslide{background-color:#008fd7}
.conprehenwap .swiper-slide{padding:4.2vh 10vw 6vh 10vw;box-sizing:border-box}
.conprehenwap .swiper-slide .top{transform:translateY(16px);-webkit-transform:translateY(16px);-moz-transform:translateY(16px);opacity:0;transition:1s ease 0s;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s}
.conprehenwap .swiper-slide-active .top{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);opacity:1}
.conprehenwap .swiper-slide .top .icon{float:left}
.conprehenwap .swiper-slide .top .icon img{height:5.62vh}
.conprehenwap .swiper-slide .top .textbox{margin-left:5.86vw;float:left;padding-top:5px}
.conprehenwap .swiper-slide .top .textbox .cntitle{color:#fff;font-size:15px;font-weight:bold}
.conprehenwap .swiper-slide .top .textbox .entitle{color:#fff;font-size:12px;font-family:'din';font-weight:bold;margin-top:5px}
.conprehenwap .swiper-slide .text{font-size:14px;margin-top:1.94vh;color:#fff;line-height:1.8;max-height:98px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.conprehenwap .swiper-slide .bot{width:88%;border:2px solid rgba(255,255,255,0.3);margin-top:2.54vh;border-radius:14px;height:46px;position:relative;box-sizing:border-box}
.conprehenwap .swiper-slide .bot .name{font-size:12px;padding-left:3vw;color:#fff;line-height:44px}
.conprehenwap .swiper-slide .bot .more{width:58px;height:46px;line-height:46px;position:absolute;top:-2px;right:14px;text-align:center;background-color:#7ed4ff;border-radius:14px;transition:1s ease 0s;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s}
.conprehenwap .swiper-slide-active .bot .more{right:-2px}
.conprehenwap .swiper-slide .bot .more img{display:inline-block;vertical-align:middle}
.conprehenwap .conprehenslide .swiper-button-next,
.conprehenwap .conprehenslide .swiper-button-prev{width:6vw;height:3.4vh;background-image:url(../img/);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.conprehenwap .conprehenslide .swiper-button-next{background-image:url(../images/addimg/comwap-r.png)}
.conprehenwap .conprehenslide .swiper-button-prev{background-image:url(../images/addimg/comwap-l.png)}
.swiper-index {position: absolute;right: -15px;bottom: 0;z-index: -1;color: rgba(255,255,255,0.05);font-family:'din';font-size: 200px;line-height: 180px;}
.prolistitems{margin:54px 0 96px}
.prolistitem{margin-bottom:50px;padding-bottom:62px;border-bottom:1px solid #959595}
.prolistitem:nth-last-of-type(1){margin-bottom:0;border-bottom: none;}
.prolistitem .bigname{color:#000;font-size:24px}
.prolistitem .box{margin-top:30px}
.prolistitem .box .list{width:30.66%;display:block;float:left;background-color:#f4f4f4;margin-right:4.01%;padding:34px 68px 32px 82px;box-sizing:border-box}
.prolistitem .box .list:nth-of-type(3n){margin-right:0}
.prolistitem .box .list .img{text-align:center}
.prolistitem .box .list .img img{max-width:100%;display:inline-block;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.prolistitem .box .list .title{color:#666;text-align:center;font-size:16px;margin-top:22px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.prolistitem .box .list:hover{box-shadow:0px 6px 30px rgba(0,0,0,0.06);}
.prolistitem .box .list:hover .title{color:#20b3ff}
.prolistitem .box .list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
/* .productPart1.proaban{height:890px;background: url(../images/addimg/proaban.jpg) center no-repeat}
.productPart1.proaban{height:890px;background: url(../images/addimg/probban.jpg) center no-repeat} */
/* .productPart1.proaban .wal{height:890px} */
.productPart1.proaban .leftImg{width:auto;right:0;bottom:auto;top:50%;margin-top:-265px;left:auto}
.productPart1.proaban .contentBox{width:520px;right:auto;left:0;margin-top:-257px}
.productPart1.proaban .contentBox .name{font-size:40px;font-weight:bold;color:#fff;padding-bottom:37px;border-bottom:1px solid rgba(229, 238, 245, 0.3)}
.productPart1.proaban .contentBox .content{color:#fff;font-size:15px;line-height:2.267;margin-top:36px;height:340px;padding-bottom:22px;box-sizing:border-box}
.productPart1.proaban .contentBox .content span{color:#43c2fb;font-size:15px;font-weight:bold}
.productPart1.proaban .btnDiv a{width:157px;height:49px;border-radius:49px;color:#fff;font-size:15px;border:none;line-height:49px;padding-left:30px;position:relative;box-sizing:border-box;text-align:left;
background-image: -moz-linear-gradient( 155deg, rgb(67,194,251) 0%, rgb(10,116,193) 100%);
background-image: -webkit-linear-gradient( 155deg, rgb(67,194,251) 0%, rgb(10,116,193) 100%);
background-image: -ms-linear-gradient( 155deg, rgb(67,194,251) 0%, rgb(10,116,193) 100%);}
.productPart1.proaban .btnDiv a:after{content:"";width:21px;height:21px;background-image:url(../images/addimg/proaplay.png);position:absolute;top:50%;margin-top:-10px;right:27px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.proa{padding:78px 0 112px;background-color:#f1f1f1}
@font-face{font-family:'impact';src:url(../font/impact_0.ttf)}
@font-face{font-family:'Bodon';src:url(../font/tt0035m.ttf)}
.proa .proatop .entitle,
.prob2 .proatop .entitle,
.prob3 .proatop .entitle{color:rgba(102,102,102,0.1);font-size:100px;line-height:120px;font-family:'impact';text-align:center;position:relative}
.proa .proatop .entitle:after,
.prob2 .proatop .entitle:after,
.prob3 .proatop .entitle:after{content:attr(bigtitle);color:#666;font-family:'Bodon';font-size:36px;position:absolute;top:50%;margin-top:-18px;line-height:1;left:0;width:100%;text-align:center}
.proa .proatop .cntitle{color:#51585d;font-weight:bold;font-size:40px;text-align:center}
.proa .img{margin-top:38px}
.prob2 .proatop .entitle{color:rgba(255,255,255,0.05);line-height:100px}
.prob2 .proatop .entitle:after{color:#999}
.productPart1.probban .leftImg{margin-top:-178px}
.prob1{padding:82px 0 92px}
.prob1 .proatop .entitle{color:rgba(102,102,102,0.1);font-size:100px;line-height:120px;font-family:'impact';text-align:center;position:relative}
.prob1 .proatop .entitle:after{content:attr(bigtitle);color:#666;font-size:40px;font-family:"微软雅黑", "Microsoft YaHei";position:absolute;top:50%;font-weight:bold;margin-top:-20px;line-height:1;left:0;width:100%;text-align:center}
.prob1.prob11 .proatop .entitle:after{color:#51585d}
.prob1.prob11{background-image:url(../images/addimg/probb1.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.prob1 .proatop .text{color:#666;font-size:14px;line-height:2.286;margin:10px 0 38px;text-align:center}
.prob1 .box{padding:0 62px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
.prob1 .box .list{width:31.87%;margin-right:2.195%;padding:25px 24px 20px;box-sizing:border-box;background-color:#e4e4e4}
.prob1 .box .list:nth-of-type(3n){margin-right:0}
.prob1 .box .list .title{margin-top:20px;color:#666;text-align:center;font-size:16px;font-weight:bold}
.prob2{padding:74px 0 76px;background-image:url(../images/addimg/prob2bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.prob2 .proatop .cntitle{font-size:40px;color:#fff;font-weight:bold;text-align:center;line-height:1.2}
.prob2 .items{margin:30px 0 40px}
.prob2 .item{float:left}
.prob2 .item:nth-of-type(1){width:372px;margin-right:52px}
.prob2 .item .icon{float:left;margin-top:8px}
.prob2 .item .desc{width:calc(100% - 46px);line-height:2.286;margin-left:10px;color:#ccc;font-size:14px;font-weight:bold;float:left}
.prob2 .item:nth-of-type(1) .desc{width:calc(100% - 41px)}
.prob2 .item:nth-of-type(2){width:262px;margin-right:40px}
.prob2 .item:nth-of-type(3){width:474px}
.prob2 .text{margin-top:18px;font-size:18px;line-height:20px;font-weight:bold;color:#fff;text-align:center}
.prob2 .text span{color:#ccc;font-size:14px}
.prob3{padding:76px 0 130px;background-image:url(../images/addimg/prob3bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.prob3 .proatop .cntitle{color:#51585d;font-weight:bold;font-size:40px;text-align:center;line-height:1}
.prob3 .img{margin-top:42px}
.productPart1.procban .leftImg{right:auto;left:2.6vw;margin-top:-205px}
.productPart1.profban .leftImg{left:2.6vw;margin-top:-210px}
.productPart1.prohban .leftImg{margin-top:-226px;left:3.85vw}
.productPart1.procban .contentBox{width:632px;left:auto;right:0;margin-top:-192px}
.productPart1.profban .contentBox{width:632px;left:auto;right:0;margin-top:-216px}
@font-face{font-family:'sourcereg';src:url(../font/Fonts.OTF)}
.productPart1.procban .contentBox .title{color:#fff;font-size:48px;font-family:'sourcereg'}
.productPart1.procban .contentBox .content{height:212px;margin-top:30px}
.productPart1.procban .contentBox .name{padding-bottom:31px}
.proc1{padding:196px 0 180px;background-image:url(../images/addimg/procbg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.proc1-l{float:left;width:calc(100% - 702px);margin-right:20px}
.proc1-l .proatop .entitle{color:rgba(102,102,102,0.1);font-size:120px;line-height:120px;font-family:'impact';text-align:center;position:relative}
.proc1-l .proatop .entitle:after{content:attr(bigtitle);font-family:'Bodon';color:#666;font-size:36px;position:absolute;top:50%;margin-top:-18px;line-height:1;left:0;width:100%;text-align:center}
.proc1-l .proatop .cntitle{margin-top:0;color:#51585d;font-size:40px;font-weight:bold;text-align:center}
.proc1items{margin-top:44px}
.proc1item{width:112px;float:left;margin-right:0.86vw}
.proc1item:nth-of-type(4n){margin-right:0}
.proc1item .icon{width:78px;margin:0 auto}
.proc1item .name{color:#60666a;font-size:14px;min-height:40px;text-align:center;font-weight:bold;margin-top:14px;margin-bottom:34px;line-height:1.429}
.proc1-r{width:599px;float:right;margin-top:32px}
.proc1-r .img img{width:100%}
.proc1-r .textbox{padding:34px 20px 26px 22px;background-color:#dcdddd}
.proc1-r .textbox .icon{width:22px;margin-right:10px}
.proc1-r .textbox .name,
.proc1-r .textbox .text{font-size:16px;font-weight:bold;color:#333}
.proc1-r .textbox .text{width:calc(100% - 97px - 2vw);min-width:58px}
.proc1-r .textbox .name{width:64px;text-align:justify;text-align-last:justify}
.proc1-r .textbox .line{width:1px;height:14px;background-color:#848b9a;margin:4px 1vw 0}
.proc1-r .textlist.three{width:100%;margin-top:16px}
.proc2{padding:104px 0 86px;background-image:url(../images/addimg/procbg2.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.proc2 .proatop .entitle,
.proe1 .proatop .entitle,
.prof1 .proatop .entitle{color:rgba(102,102,102,0.1);text-align:center;font-size:120px;text-align:center;line-height:120px;font-family:'impact';text-align:center;position:relative}
.proc2 .proatop .entitle:after,
.proe1 .proatop .entitle:after,
.prof1 .proatop .entitle:after{content:attr(bigtitle);font-family:'Bodon';color:#666;font-size:36px;position:absolute;top:50%;margin-top:-18px;line-height:1;left:0;width:100%;text-align:center}
.proc2 .proatop .cntitle,
.proe1 .proatop .cntitle,
.prof1 .proatop .cntitle{margin-top:0;color:#fff;font-size:40px;font-weight:bold;text-align:center}
.proc2box{margin-top:52px}
.proc2 .items{width:calc((100% - 11.04vw - 271px) / 2);float:left}
.prof3 .items.one{width:calc((100% - 13.66vw - 271px) / 2 - 10px);float:left}
.prof3 .items.two{width:calc((100% - 13.66vw - 265px) / 2 + 18px);float:left}
.prof3.proc2 .img{width:330px}
.prog3 .items{width:calc((100% - 10.2vw - 335px) / 2);float:left}
.proc2 .img{width:271px;margin:0 5.52vw;float:left;text-align:center}
.prod2 .img{width:290px;margin:0 4.79vw;float:left;text-align:center}
.proc2 .wapimg{display:none}
.prog3 .img{width:335px;margin:0 5.1vw}
.proe3 .img{width:332px;margin:0 5vw 0 5.1vw}
.proe3 .items.one{width:calc((100% - 10.1vw - 332px) / 2 - 14px);float:left}
.proe3 .items.two{width:calc((100% - 10.1vw - 338px) / 2 + 17px);float:left}
.prod2 .items.one{width:calc((100% - 9.58vw - 290px) / 2 + 3px);float:left}
.prod2 .items.two{width:calc((100% - 9.58vw - 290px) / 2 - 3px);float:left}
.proc2 .img img{display:inline-block}
.proc2 .items .item{margin-bottom:60px}
.proc2 .items .item:nth-last-of-type(1){margin-bottom:0}
.proc2 .items .item .icon{margin-right:12px;float:left}
.proc2 .items .item .textbox{width:calc(100% - 71px);float:left}
.proc2 .items .item .textbox .title{color:#fff;font-size:15px;font-weight:bold;line-height:bold}
.proc2 .items .item .textbox .line{width:13px;height:2px;background-color:#999;margin:12px 0 10px}
.proc2 .items .item .textbox .text{color:#fff;line-height:1.8;font-size:14px;min-height:50px}
.procprodnav{position:absolute;top:124px;right:0;z-index:3}
.procprodnav .procprodnavlist{color:#fff;margin-right:20px;font-size:14px}
.procprodnav .procprodnavlist:nth-last-of-type(1){margin-right:0}
.procprodnav .procprodnavlist.cur{color:#369dcc;font-weight:bold}
.productPart1.prodban .contentBox .content em{font-weight:bold}
.productPart1.prodban .contentBox .name p{font-size:24px;color:#fff;line-height:2.2;font-family:"Source Han Sans CN";font-weight:normal}
.productPart1.prodban .contentBox .content{margin-top:24px}
.productPart1.prodban .contentBox .name{padding-bottom:26px}
/* .productPart1.procban{background:url(../images/addimg/procban.jpg) center no-repeat}
.productPart1.prohban{background:url(../images/addimg/prohban.jpg) center no-repeat} */
.productPart1.profban .contentBox .content{height:124px}
.productPart1.progban .contentBox .content{height:172px}
.productPart1.prohban .contentBox .content{height:230px;margin-top:30px}
.productPart1.prohban .contentBox .name{padding-bottom:31px}
.proe1-l .proc1item{width:78px;margin-right:1.4vw}
.proe1-l .proc1item:nth-of-type(5n){margin-right:0}
.proe1-l .proc1item .name{margin-bottom:34px}
.proe1{padding:138px 0 184px;background-image:url(../images/addimg/proebg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.proe1 .proe1slide{margin-top:82px}
.proe1slidebox{position:relative}
.proe1 .swiper-slide{padding:46px 38px 40px;background-color:rgba(255,255,255,0.05);border-radius:35px;box-sizing:border-box}
.proe1 .swiper-slide .img{overflow:hidden}
.proe1 .swiper-slide .img img{width:100%;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.proe1 .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.proe1 .swiper-slide .name{color:#fff;font-size:24px;text-align:center;font-weight:bold;margin-top:22px}
.proe1slidebox .swiper-button-next,
.proe1slidebox .swiper-button-prev{width:62px;height:63px;opacity:1;margin-top:-31px;background-size:100% 100%;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.proe1slidebox .swiper-button-next{background-image:url(../images/addimg/proer.png);right:-157px}
.proe1slidebox .swiper-button-prev{background-image:url(../images/addimg/proel.png);left:-157px}
.proe1slidebox .swiper-button-next:hover{background-image:url(../images/addimg/proer_cur.png)}
.proe1slidebox .swiper-button-prev:hover{background-image:url(../images/addimg/proel_cur.png)}
.proc2.proe3{background-image: url(../images/addimg/proebg2.jpg)}
.proe3 .proatop .cntitle{color:#51585d}
.proe3 .items .item .textbox .text{color:#60666a;font-size:14px}
.proe3 .items .item .textbox .title{color:#333}
.proe2{padding:202px 0 20px;background-image:url(../images/addimg/proebg3.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.proe2 .img{float:left}
.proe2 .textbox{width:calc(100% - 736px);margin-left:56px;float:left}
.proe2 .textbox .top{padding-bottom:32px;margin-bottom:34px;border-bottom:1px solid #999}
.proe2 .textbox .top .title1{color:#666;font-size:30px}
.proe2 .textbox .top .title2{color:#51585d;font-size:40px;font-weight:bold;margin:3px 0 6px}
.proe2 .textbox .top .text{color:#666;font-family:"Source Han Sans CN";font-size:20px}
.proe2 .textbox .bottext{color:#666;font-size:15px;line-height:2.267}
.proe2 .description{color:#666;font-size:14px;text-align:center;margin-top:146px}
.profban .subtitle{width:282px;height:91px;font-size:24px;line-height:1.4;font-family:"Source Han Sans CN";padding:14px 20px;box-sizing:border-box;font-weight:normal;margin-top:12px;background-image:url(../images/addimg/proftitleban.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.prof1{padding:138px 0 164px;background-image:url(../images/addimg/prof1bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.prof1 .prof1items{margin-top:86px;}
.prof1 .prof1item{width:195px;float:left;margin-right:136px}
.prof1 .prof1item:nth-of-type(4){margin-right:0}
.prof1 .prof1item .icon{width:153px;margin:0 auto}
.prof1 .prof1item .textbox{margin-top:52px}
.prof1 .prof1item .textbox .title{font-size:18px;font-weight:bold;color:#fff;text-align:center}
.prof1 .prof1item .textbox .text{text-align:center;color:#fff;font-size:14px;line-height:2.2;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);margin-top:15px}
.proh1{padding:122px 0 170px;background-image:url(../images/addimg/procbg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.proh1 .proatop .entitle{color:rgba(102,102,102,0.1);font-size:120px;line-height:120px;font-family:'impact';text-align:center;position:relative}
.proh1 .proatop .entitle:after{content:attr(bigtitle);font-family:'Bodon';color:#666;font-size:36px;position:absolute;top:50%;margin-top:-18px;line-height:1;left:0;width:100%;text-align:center}
.proh1 .proatop .cntitle{margin-top:0;color:#51585d;font-size:40px;font-weight:bold;text-align:center}
.proh1box{margin-top:94px}
.proh1box .proh1item{width:359px;margin-right:51px;float:left}
.proh1box .proh1item:nth-of-type(1){width:379px}
.proh1box .proh1item:nth-of-type(2){margin-top:-39px}
.proh1box .proh1item:nth-of-type(3){margin-right:0}
.proh1box .proh1item .icon{width:78px;margin:0 auto}
.proh1box .proh1item .name{color:#333;font-size:18px;font-weight:bold;text-align:center;margin-top:28px}
.proh1box .proh1item .box{margin-top:44px;min-height:162px;box-sizing:border-box;padding:22px 20px;position:relative;background-color:#fff;border-radius:10px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08)}
.proh1box .proh1item .box:after{content:"";content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;position:absolute;top:-10px;left:50%;margin-left:-10px}
.proh1box .proh1item .box .text{color:#60666a;font-size:14px;line-height:2.143;text-align:center}
.proh2{padding:110px 0 104px;overflow:hidden;background-image:url(../images/addimg/proh2bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.proh2 .proatop .entitle,
.proi2 .proatop .entitle{color:rgba(102,102,102,0.1);text-align:center;font-size:120px;text-align:center;line-height:120px;font-family:'impact';text-align:center;position:relative}
.proh2 .proatop .entitle:after,
.proi2 .proatop .entitle:after{content:attr(bigtitle);font-family:'Bodon';color:#666;font-size:36px;position:absolute;top:50%;margin-top:-18px;line-height:1;left:0;width:100%;text-align:center}
.proh2 .proatop .cntitle,
.proi2 .proatop .cntitle{margin-top:0;color:#fff;font-size:40px;font-weight:bold;text-align:center}
.proh2box{margin-top:38px}
.proh2box .img{float:left;position:relative;width:50%;text-align:center}
.proh2box .img img{position:relative;z-index:5;display:inline-block}
.proh2box .img:after{content:"";width:597px;height:562px;border-radius:300px;background-color:rgba(255,255,255,0.02);position:absolute;top:36px;left:0}
.proh2box .img:before{content:"";width:306px;height:306px;border-radius:180px;background-color:rgba(255,255,255,0.02);position:absolute;top:50%;left:50%;margin-top:-88px;margin-left:-153px}
.proh2box .textbox{float:left;width:50%;padding:52px 60px 0 60px;box-sizing:border-box}
.proh2box .textbox .proh2list{float:left;margin-right:32px;cursor:pointer}
.proh2box .textbox .proh2list:nth-last-of-type(1){margin-right:0}
.proh2box .textbox .proh2list .icon{width:104px;height:104px;padding-top:20px;box-sizing:border-box;background-image:url(../images/addimg/proh2icon1.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.proh2box .textbox .proh2list .iconimg{width:40px;height:40px;margin:0 auto;background-repeat:no-repeat;background-position:center center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.proh2box .textbox .proh2list .name{font-size:15px;font-weight:bold;text-align:center;color:#fff;margin-top:6px}
.proh2box .textbox .proh2list:nth-of-type(1) .iconimg{background-image:url(../images/addimg/prohicon1.png)}
.proh2box .textbox .proh2list:nth-of-type(2) .iconimg{background-image:url(../images/addimg/prohicon2.png)}
.proh2box .textbox .proh2list:nth-of-type(3) .iconimg{background-image:url(../images/addimg/prohicon3.png)}
.proh2box .textbox .proh2list:nth-of-type(1).cur .iconimg{background-image:url(../images/addimg/prohicon1_cur.png)}
.proh2box .textbox .proh2list:nth-of-type(2).cur .iconimg{background-image:url(../images/addimg/prohicon2_cur.png)}
.proh2box .textbox .proh2list:nth-of-type(3).cur .iconimg{background-image:url(../images/addimg/prohicon3_cur.png)}
.proh2box .textbox .proh2list.cur .icon{background-image:url(../images/addimg/proh2icon2.png)}
.proh2conbox{margin-top:52px;position:relative}
.proh2conbox .proh2conlist{width:480px;min-height:186px;padding:46px 40px;box-sizing:border-box;background-color:rgba(255,255,255,0.1);border-radius:10px;position:absolute;;left:0;top:30px;visibility:hidden;z-index:-1;opacity:0}
.proh2conbox .proh2conlist:after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid rgba(255,255,255,0.1);position:absolute;top:-12px;left:44px}
.proh2conbox .proh2conlist:nth-of-type(2):after{left:180px}
.proh2conbox .proh2conlist:nth-of-type(3):after{left:315px}
.proh2conbox .proh2conlist .text{color:#fff;font-size:14px}
.proh2conbox .proh2conlist.cur{top:0;visibility:visible;opacity:1;z-index:9;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.productPart1.proiban .leftImg{margin-top:0;top:auto;bottom:0;left:-40px}
.productPart1.proiban{background:url(../images/productBg1.jpg) center no-repeat}
.proa.proi1{background-image:url(../images/addimg/proibg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.proa.proi1 .proatop .entitle{font-size:120px;line-height:140px}
.proi1box{margin-top:20px}
.proi1items{margin-top:48px}
.proi1nav{width:594px;border:1px solid #419ede;margin:0 auto;box-sizing:border-box;}
.proi1navlist{border:1px solid #419ede;color:#419ede;width:148px;box-sizing:border-box;font-size:15px;font-weight:bold;height:54px;text-align:center;line-height:54px;cursor:pointer;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.proi1navlist.cur{background-color:#419ede;color:#fff}
.proi1item{display:none}
.proi1item.cur{display:block}
.proi1item .img{margin:12px 60px 0}
.proi1item .items{width:calc((100% - 480px) / 2)}
.proi1item .item{margin-bottom:50px}
.proi1item .item:nth-last-of-type(1){margin-bottom:0}
.proi1item .item .text{max-width:calc(100% - 112px);text-align:right;padding:30px 0;line-height:30px;color:#51585d;font-size:16px;margin-right:22px}
.proi1item .two .item .text{margin-left:22px;margin-right:0}
.proi1item .item:nth-of-type(2){padding-right:36px}
.proi1item .two .item:nth-of-type(2){padding-left:36px;padding-right:0}
.proi2{padding:106px 0 0 0;background-image:url(../images/addimg/proibg2.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.proi2 .proatop .entitle{color:rgba(255,255,255,0.1)}
.proi2box{margin-top:66px}
.proi2box .pori2img{width:476px;text-align:center}
.proi2box .pori2img img{display:inline-block}
.proi2box .items{width:calc((100% - 476px) / 2)}
.proi2box .item{width:90px;height:90px;margin-left:146px;position:relative;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;background-image:url(../images/addimg/proi2icon.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;animation:proi 3.8s linear 0s infinite normal none;-webkit-animation:proi 3.8s linear 0s infinite normal none;-moz-animation:proi 3.8s linear 0s infinite normal none
}
.proi2box .item .text{width:100%;color:#fff;font-family:"Source Han Sans CN";text-align:center;font-size:16px;}
.proi2box .item:after{content:"";width:5px;height:89px;position:absolute;bottom:calc(-100% + -8px);left:50%;margin-left:-2.5px;background-image:url(../images/addimg/proi2icon2.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.proi2box .item:nth-of-type(2n){margin:98px 0 58px 26px}
.proi2box .two .item{margin-left:36px}
.proi2box .two .item:nth-of-type(2n){margin:38px 0 112px 206px}
.proi3{padding-top:108px;background-image:url(../images/addimg/proibg3.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.proi3 .bigtextbox{width:calc(100% - 680px)}
.proi3 .bigtextbox .entitle{color:#666;font-size:36px;font-family:'Bodon'}
.proi3 .bigtextbox .cntitle{color:#51585d;font-size:40px;font-weight:bold}
.proi3 .bigtextbox .items{margin-top:74px}
.proi3 .bigtextbox .item{margin-bottom:62px}
.proi3 .bigtextbox .item .textbox{width:calc(100% - 72px);margin-left:13px}
.proi3 .bigtextbox .item .textbox .title{font-size:15px;font-weight:bold;color:#333;line-height:1}
.proi3 .bigtextbox .item .textbox .line{width:12px;height:2px;background-color:#999;margin:12px 0 10px}
.proi3 .bigtextbox .item .textbox .text{color:#60666a;font-size:14px;}
@keyframes xuanzhuan{
0% {transform:translateY(10px);opacity: 0}
100% {transform:translateY(0px);opacity: 1}
}
@-moz-keyframes xuanzhuan{
0% {-moz-transform:translateY(10px);opacity: 0}
100% {-moz-transform:translateY(0);opacity: 1}
}
@-webkit-keyframes xuanzhuan{
0% {-webkit-transform:translateY(10px);opacity: 0}
100% {-webkit-transform:translateY(0);opacity: 1}
}
@keyframes proi{
0% {transform:translateY(20px)}
50% {transform:translateY(0px)}
100% {-webkit-transform:translateY(20px)}
}
@-moz-keyframes proi{
0% {-moz-transform:translateY(20px)}
50% {-moz-transform:translateY(0px)}
100% {-webkit-transform:translateY(20px)}
}
@-webkit-keyframes proi{
0% {-webkit-transform:translateY(20px)}
50% {-webkit-transform:translateY(0px)}
100% {-webkit-transform:translateY(20px)}
}
@media (max-width:1600px){
.comprolist .comprobot{width:100%}
.comprolist .comprodesc{line-height:1.8;margin-top:20px}
.comprolist {padding: 30px;}
/*.comprolist:hover{padding-bottom:30px}*/
.comprolist:hover .comprodesc{max-height:100px}
.comprolist .comprotop .icon{height:42px;line-height:42px}
.comprolist .comprotop .icon img{height:40px}
.comprolist .comprotop .textbox{margin-left:18px;padding-top:0}
.comprolist .comprotop .textbox .name{font-size:18px}
.comprolist .comprotop .textbox .text{font-size:12px}
.comprolist .comprobot .text{font-size:12px}
}
@media (max-width:1440px){
.productPart1.proaban .leftImg{max-width:40%;margin-top:-220px}
.productPart1.proaban .leftImg img{width:100%}
.productPart1.proaban .contentBox .content{line-height:1.8;height:280px}
.productPart1.proaban .contentBox .name{font-size:30px}
.productPart1.proaban .contentBox{margin-top:-220px}
.productPart1.probban .leftImg{margin-top:-140px}
.productPart1.procban .contentBox .title{font-size:36px}
.productPart1.procban .contentBox .content{height:182px}
.productPart1.procban .contentBox{margin-top:-190px}
.productPart1.prodban .contentBox .name p{font-size:20px}
.productPart1.profban .contentBox .content{height:124px}
.productPart1.profban .contentBox{margin-top:-209px}
.productPart1.progban .contentBox .content{height:142px}
}
@media (max-width:1440px){
.proa .proatop .entitle, .prob2 .proatop .entitle, .prob3 .proatop .entitle, .prob1 .proatop .entitle,
.proc1-l .proatop .entitle, .proc2 .proatop .entitle, .proe1 .proatop .entitle, .prof1 .proatop .entitle,
.proh1 .proatop .entitle, .proh2 .proatop .entitle, .proa.proi1 .proatop .entitle, .proi2 .proatop .entitle{font-size:78px;line-height:94px}
.proa .proatop .entitle:after, .prob2 .proatop .entitle:after, .prob3 .proatop .entitle:after, .prob1 .proatop .entitle:after,
.proc2 .proatop .entitle:after,.proc1-l .proatop .entitle:after, .proe1 .proatop .entitle:after,
.prof1 .proatop .entitle:after, .proh1 .proatop .entitle:after, .proh2 .proatop .entitle:after,.proi2 .proatop .entitle:after
.proa.proi1 .proatop .entitle:after{font-size:26px;margin-top:-13px}
.proa .proatop .cntitle, .prob2 .proatop .cntitle, .proc1-l .proatop .cntitle, .proc2 .proatop .cntitle,
.proe1 .proatop .cntitle, .prof1 .proatop .cntitle, .proh1 .proatop .cntitle, .proh2 .proatop .cntitle, .proa.proi1 .proatop .cntitle,
.proi2 .proatop .cntitle{font-size:32px}
/* .proc1-l{width:calc(100% - 602px)} */
.proc1{padding:116px 0 100px}
/* .proc1-r img{width:498px} */
.proc1item{margin-right:2.81vw}
}
@media (max-width:1004px){
.conprehenwap{display:block}
.conprehenpc{display:none}
.copybox,.copybox a{font-size:12px}
.copybox a{margin-left:4px}
.copybox{height:auto;padding:8px 15px;line-height:18px;box-sizing:border-box;position: relative;z-index: 11;}
.prolistitems{margin:35px 0;padding:0 15px}
.prolistitem .bigname{font-size:20px}
.prolistitem .box{margin-top:20px}
.prolistitem .box .list{width:100%;margin-right:0;padding:25px 15px;margin-bottom:20px}
.prolistitem .box .list:nth-last-of-type(1){margin-bottom:0}
.prolistitem{padding-bottom:25px;margin-bottom:30px}
.productPart1.proaban{height:auto;padding:85px 0 40px 0;background-size:auto 100%}
.productPart1.procban{padding:135px 0 40px 0}
.procprodnav{width:100%;text-align:center;top:-50px}
.productPart1.proaban .contentBox{width:100%;position:static;margin-top:0;padding:100px 15px 0 15px;box-sizing:border-box}
.productPart1.proaban .contentBox .name{font-size:26px;padding-bottom:15px}
.productPart1.proaban .contentBox .content{margin-top:20px;line-height:1.8;padding-bottom:40px;height:auto}
.productPart1.prodban .contentBox .name p{font-size:18px;line-height:1.8}
.productPart1.proaban .leftImg{position:static;margin-top:0;padding:0 15px}
.proa .proatop .entitle, .prob1 .proatop .entitle, .prob2 .proatop .entitle, .prob3 .proatop .entitle,
.proh1 .proatop .entitle, .proh2 .proatop .entitle, .proa.proi1 .proatop .entitle, .proi2 .proatop .entitle{font-size:30px;line-height:38px}
.proa .proatop .entitle:after, .prob1 .proatop .entitle:after, .prob2 .proatop .entitle:after, .prob3 .proatop .entitle:after,
.proc2 .proatop .entitle:after, .proc1-l .proatop .entitle:after, .prof1 .proatop .entitle:after,.proh2 .proatop .entitle:after,
.proh1 .proatop .entitle:after, .proa.proi1 .proatop .entitle:after, .proi2 .proatop .entitle:after{font-size:16px;margin-top:-8px}
.proa{padding:35px 15px 50px}
.proa .proatop .cntitle, .proc1-l .proatop .cntitle, .prof1 .proatop .cntitle,
.proh2 .proatop .cntitle, .proa.proi1 .proatop .cntitle, .proi2 .proatop .cntitle, .proi2 .proatop .cntitle{font-size:20px}
.proa .img{margin-top:20px}
.proi1item .img{width:60%;float:none;margin:0 auto 20px}
.proa .img img{width:100%}
.productPart1.proaban .wal{height:auto;position:static;margin-left:0}
.prob1{padding:35px 15px}
.prob1 .proatop .text{line-height:1.8}
.prob1 .box{padding:0}
.prob1 .box .list{width:100%;margin-right:0;padding:20px;margin-bottom:20px}
.prob1 .box .list .img{text-align:center}
.prob1 .box .list .img img{width:100%;display:inline-block}
.prob2{background-size:auto 100%;padding:40px 15px;box-sizing:border-box;}
.prob2 .proatop .cntitle, .prob3 .proatop .cntitle, .proh1 .proatop .cntitle{font-size:20px}
.prob2 .item{margin-bottom:25px}
.prob2 .item:nth-of-type(1),
.prob2 .item:nth-of-type(2){width:100%;margin-right:0}
.prob2 .item:nth-of-type(3){width:100%}
.prob2 .item .desc{line-height:1.8}
.prob2 .item .icon{margin-top:5px}
.prob2 .img img{width:100%}
.prob2 .items, .prob3 .img{margin:30px 0 0 0}
.prob2 .text span{display:block}
.prob3{padding:35px 15px 60px}
.prob3 .img img{width:100%}
.productPart1.proaban .contentBox{padding:40px 15px 0 15px}
.productPart1.procban .contentBox .title{font-size:26px}
.proc1, .proc2{padding:50px 0 40px;background-size:cover}
.proc1{padding:50px 0 0}
.proc1-l{width:100%;margin-right:0}
.proc1item{width:25%;margin-right:0;padding:0 10px;box-sizing:border-box;min-width:initial;max-width:initial}
.proe1-l .proc1item{margin-right:0;width:20%;min-width:initial}
.proe1-l .proc1item .name{margin-bottom:15px;min-height:22px}
.proc1-l .proatop .entitle, .proc2 .proatop .entitle, .prof1 .proatop .entitle{font-size:46px;line-height:60px}
.proc1items{margin-top:25px}
.proc1item .icon{width:54px}
.proc1-r{width:100%;margin-top:0}
.proc1-r .textbox{padding:20px 15px}
.proc1-r .textbox .name, .proc1-r .textbox .text{font-size:14px}
.proc1item .icon img, .proc1-r img{width:100%}
.proc1item .name{min-height:60px;margin-bottom:10px}
.proc2 .proatop .cntitle{font-size:26px}
.proc2box{margin-top:30px;padding:0 15px}
.proc2 .items, .prod2 .items.one, .prod2 .items.two, .proe3 .items.one, .proe3 .items.two{width:100%}
.proc2 .items .item .textbox .text{min-height:initial}
.proc2 .items .item, .proc2 .items .item:nth-last-of-type(1){margin-bottom:30px}
.proc2 .wapimg{width:46%;margin:30px auto;text-align:center;display:block}
.proc2 .wapimg img{width:100%}
.proc2 .img{display:none}
.proc2 .items .item .icon img{width:38px}
.proc2 .items .item .textbox{width:calc(100% - 50px)}
.proc2 .items .item .textbox .line{margin:8px 0 6px}
.proe1{padding:50px 0 70px}
.proe1 .swiper-slide{padding:25px 20px;border-radius:8px}
.proe1slidebox{padding:0 50px}
.proe1 .proe1slide{margin-top:30px}
.proe1 .swiper-slide .name{font-size:18px;margin-top:10px}
.proe1slidebox .swiper-button-next, .proe1slidebox .swiper-button-prev{width:32px;height:33px;margin-top:-16px}
.proe1slidebox .swiper-button-next{right:10px}
.proe1slidebox .swiper-button-prev{left:10px}
.proe2{padding:60px 15px 20px;background-size:cover}
.proe2 .description{margin-top:55px}
.proe2 .img img{width:100%}
.proe2 .textbox{width:100%;margin-left:0;margin-top:30px}
.proe2 .textbox .top .title1{font-size:18px}
.proe2 .textbox .top .title2{font-size:24px}
.proe2 .textbox .top .text{font-size:15px}
.proe2 .textbox .top{padding-bottom:16px;margin-bottom:16px}
.proe2 .textbox .bottext{font-size:14px;line-height:1.8}
.profban .subtitle{font-size:16px;width:auto;height:auto;display:inline-block}
.prof1{padding:50px 0 70px;background-size:cover}
.prof1 .prof1item{width:50%;margin-right:0;padding:0 15px;box-sizing:border-box;margin-bottom:25px}
.prof1 .prof1items{margin-top:35px}
.prof1 .prof1item .icon{width:64px}
.prof1 .prof1item .icon img{width:100%}
.prof1 .prof1item .textbox{margin-top:20px}
.prof1 .prof1item .textbox .text{margin-top:10px;padding-top:10px;line-height:1.8}
.proh1{padding:60px 0 80px;background-size:cover}
.proh1box{margin-top:35px;padding:0 15px}
.proh1box .proh1item:nth-of-type(1){width:100%}
.proh1box .proh1item{width:100%;margin-right:0;margin-bottom:25px}
.proh1box .proh1item:nth-last-of-type(1){margin-bottom:0}
.proh1box .proh1item:nth-of-type(2){margin-top:0}
.proh1box .proh1item .name{font-size:16px;margin-top:14px}
.proh1box .proh1item .box{margin-top:30px}
.proh2{padding:40px 0 30px;background-size:cover}
.proh2box .img{width:48%;margin:0 auto;float:none}
.proh2box .img img{width:100%}
.proh2box .img:after{width:100%;height:200px;top:176px}
.proh2box .textbox{width:100%;padding:0 15px;margin-top:30px}
.proh2box .textbox .proh2list{margin-right:20px}
.proh2box .textbox .proh2list .icon{width:84px;height:84px;padding-top:16px}
.proh2box .textbox .proh2list .iconimg{height:28px;background-size:auto 100%}
.proh2conbox .proh2conlist{width:100%;padding:30px 20px;min-height:initial;position:static;display:none}
.proh2conbox .proh2conlist.cur{display:block}
.proa.proi1{background-size:cover}
/* .proi1box{padding:0 15px} */
.proi1nav, .proi1item .items{width:100%}
.proi1navlist{width:50%}
.proi1item .items{zoom:1}
.proi1item .items:after{content:"";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
.proi1item .item{width:33.3333%;padding:0 5px;box-sizing:border-box;float:left;margin-bottom:20px}
.proi1item .item .icon{width:100%;text-align:center}
.proi1item .item .icon img{width:40px;height:40px;display:inline-block}
.proi1item .item .text{width:100%;margin-left:0;max-width:100%;margin-right:0;float:left;padding:4px 0;text-align:center;font-size:14px;line-height:22px}
.proi1item .two .item .text{margin-left:0}
.proi1item .item:nth-of-type(2){padding-right:0}
.proi1item .two .item:nth-of-type(2){padding-left:0}
.proi2, .proi3{padding:50px 0 0 0;background-size:cover}
.proi2box .items{width:100%}
.proi2box .item, .proi2box .two .item{float:left;margin-left:0;margin-right:calc((100% - 210px) / 2);margin-bottom:46px}
.proi2box .item:after{width:3px;height:53px;bottom:auto;top:74px}
.proi2box .item:nth-of-type(2n), .proi2box .two .item:nth-of-type(2n){margin:0}
.proi2box .item:nth-of-type(2n), .proi2box .two .item:nth-of-type(2n){margin-right:calc((100% - 210px) / 2)}
.proi2box{margin-top:30px;padding:0 15px}
.proi2box .item:nth-of-type(3n){margin-right:0}
.proi2box .pori2img img, .proi3 .img, .proi3 .img img{width:100%}
.proi2box .pori2img{width:70%;margin:0 auto;float:none}
.proi3 .bigtextbox, .proi3 .img{width:100%;padding:0 15px;box-sizing:border-box;}
.proi3 .bigtextbox .entitle{font-size:18px}
.proi3 .bigtextbox .cntitle{font-size:22px}
.proi3 .bigtextbox .items{margin-top:25px}
.proi3 .bigtextbox .item{margin-bottom:20px}
.proh2conbox .proh2conlist:after{left:34px}
.proh2conbox .proh2conlist:nth-of-type(2):after{left:136px}
.proh2conbox .proh2conlist:nth-of-type(3):after{left:240px}
.proh2conbox, .proi1items{margin-top:35px}
.proi2box .item{width:70px;height:70px}
.proi2box .item .text{width:70px;font-size:14px}
.productPart1 .img{display:none}
.productPart1.proaban .leftImg{max-width:100%}
.productPart1.proaban{background: url(../images/addimg/proaban.jpg) center / cover no-repeat}
.productPart1.proaban{background: url(../images/addimg/probban.jpg) center / cover no-repeat}
.productPart1.procban{background:url(../images/addimg/procban.jpg) center / cover no-repeat}
.productPart1.prohban{background:url(../images/addimg/prohban.jpg) center / cover no-repeat}
.productPart1.proiban{background:url(../images/productBg1.jpg) center / cover no-repeat}
}
@media (max-width:370px){
.conprehenwap .swiper-slide{padding:3.2vh 10vw 4vh}
.conprehenwap .swiper-slide .top .textbox{margin-left:3vw;padding-top:0}
.conprehenwap .swiper-slide .top .textbox .entitle{margin-top:0}
.conprehenwap .swiper-slide .text{max-height:75px;-webkit-line-clamp:3}
.conprehenwap .swiper-slide .bot{width:100%;height:34px;border-radius:12px}
.conprehenwap .swiper-slide .bot .name{line-height:30px}
.conprehenwap .swiper-slide .bot .more{width:48px;height:34px;line-height:34px}
.proh2box .textbox .proh2list{margin-right:10px}
.prof1 .prof1item{min-height:222px;margin-bottom:10px}
}
/* 2020.03.30 新增 */
.comprehen-wrapper {width: 100%;position: relative;}
.comprehen-wrapper .bg img {width: 100%;height: 100vh;object-fit: cover;object-position: left top;}
.comprehen-wrapper .bg img.phone {display: none;}
.comprehen-wrapper .logo {position: absolute;left: 64px;top: 30px;z-index: 10;}
.comprehen-wrapper .list {position: absolute;left: 0;bottom: 40px;z-index: 9;width: 100%;}
.comprehen-wrapper .list ul {font-size: 0;}
.comprehen-wrapper li {display: inline-block;position:relative;height: 170px;vertical-align: bottom;width: 24.9%;margin-right: 0.134%;background: rgba(0,0,0,.4);padding: 26px 50px 22px;transition: height 0.8s ease-out;overflow: hidden;box-sizing: border-box;counter-reset:num;}
.comprehen-wrapper li .key{font-size:170px;font-weight:bold;font-family:'din';color:rgba(255,255,255,0.05);opacity:0;position:absolute;bottom:0;right:-10px;line-height: 110px;}
.comprehen-wrapper li:last-child {margin-right: 0;}
.comprehen-wrapper li:hover {background: #008fd7;height: 400px;}
.comprehen-wrapper li:hover .key {opacity: 1}
.comprehen-wrapper li:hover .info {position: static;opacity: 1;visibility: visible;transform: translateY(0);}
.comprehen-wrapper li:hover .top {display: none}
.comprehen-wrapper li .top {text-align: center;font-weight: 700;}
.comprehen-wrapper li .name {font-size: 18px;color: #fff;margin: 5px auto 6px;}
.comprehen-wrapper li .brief {font-size: 14px;color: #ccc;margin-bottom: 14px;}
.comprehen-wrapper li .name,
.comprehen-wrapper li .brief {width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.comprehen-wrapper li .upicon img{animation:xuanzhuan 2s linear 0s infinite normal none;-webkit-animation:xuanzhuan 2s linear 0s infinite normal none;-moz-animation:xuanzhuan 2s linear 0s infinite normal none}
.comprehen-wrapper li .title-box {color: #fff;font-weight: 700;position: relative;padding-left: 112px;margin-top: 34px;}
.comprehen-wrapper li:nth-of-type(2) .title-box{padding-left:75px}
.comprehen-wrapper li:nth-of-type(3) .title-box{padding-left:102px}
.comprehen-wrapper li:nth-of-type(4) .title-box{padding-left:94px}
.comprehen-wrapper li .title-box img {position: absolute;left: 0;bottom: 0;z-index: 10;max-width: 80%;}
.comprehen-wrapper li .info {opacity: 0;visibility: hidden;width: 100%;transform: translateY(100%);transition: transform 0.8s ease}
.comprehen-wrapper li .title {font-size: 20px;margin-bottom: 4px;}
.comprehen-wrapper li .title-box p {font-size: 14px;font-family: din;text-transform: uppercase;padding-bottom: 3px;}
.comprehen-wrapper li .desc {font-size: 14px;color: #fff;line-height: 30px;height: 120px;margin: 32px auto 38px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.comprehen-wrapper li .label {position: relative;display: inline-block;padding: 0 75px 0 18px;margin-bottom: 38px;border: 2px solid rgba(255,255,255,.4);border-radius: 30px;font-size: 14px;color: #fff;line-height: 39px;}
.comprehen-wrapper li .label:after {content: "";display: block;width: 59px;height: 43px;position:absolute;right: -2px;top: -2px;z-index: 10;background: #7ed4ff url(../images/addimg/commore.png) no-repeat center center;border-radius: 30px;}
.fixed-menu-box {position: fixed;right: 30px;top: 25%;z-index: 30;box-shadow: 2px 0 10px rgba(0,0,0,.1);display: none}
.fixed-menu-box li {width: 75px;height: 69px;background-color:rgba(0, 0, 0, 0.28);position:relative;padding-top: 12px;border-bottom: 1px solid #dfdfdf;text-align: center;transition: 0.5s ease 0s;-webkit-transition: 0.5s ease 0s;box-sizing: border-box;}
.fixed-menu-box li:last-child {border-bottom: none;}
.fixed-menu-box li:hover {background: linear-gradient(0deg,#43c2fb 0%, #0a74c1 100%),linear-gradient(#000,#000);}
.fixed-menu-box li:hover a > img.on {display: inline-block;}
.fixed-menu-box li:hover a > img.original {display: none;}
.fixed-menu-box li:hover a > p {color: #fff;}
.fixed-menu-box li a > img {width:28px;}
.fixed-menu-box li a > img.on {display: none;}
.fixed-menu-box li p {font-size: 14px;color: #fff;line-height: 30px;}
.fixed-menu-box .hide-box {position: absolute;right: 75px;top: 0;z-index: 10;background: #f8f8f8;font-size: 14px;padding: 0 10px;min-width: 180px}
.fixed-menu-box li .hide-box p{color:#333}
.fixed-menu-box .tel {;background: linear-gradient(0deg,#43c2fb 0%, #0a74c1 100%),linear-gradient(#000,#000);line-height: 46px;z-index: -1;font-size: 20px;color: #fff;font-family: Arial;opacity: 0;visibility: hidden;transform: translateX(92px);transition: transform 0.6s ease}
.fixed-menu-box .qrcode {padding: 10px 0;right: 105px;display: none;border-radius: 5px;box-shadow: 0 5px 30px rgba(0,0,0,0.15);}
.fixed-menu-box .qrcode:after {content: "";display: inline-block;position: absolute;right: -16px;top: 45px;margin-top: -10px;border: 8px solid transparent;border-left-color: #f8f8f8}
.fixed-menu-box li:hover .tel {opacity: 1;visibility: visible;transform: translateX(0);}
.fixed-menu-box li:hover .qrcode {display: block;}
@media screen and (max-width: 1600px) {
.comprehen-wrapper li {padding-left: 40px;padding-right: 40px;}
.comprehen-wrapper li .title-box {padding-left: 90px;}
}
@media screen and (max-width: 1440px) {
.comprehen-wrapper li {padding-left: 25px;padding-right: 25px;}
.comprehen-wrapper li .title-box {padding-left: 80px;}
.comprehen-wrapper li .label {display: block;font-size:13px;padding:0 60px 0 18px}
}
@media screen and (max-width: 1024px) {
.comprehen-wrapper {height: 100vh;position: relative;}
.copybox {position: absolute;left: 0;bottom: 0;z-index: 10;}
.comprehen-wrapper .logo {left: 15px;top: 15px;}
.comprehen-wrapper .logo img {width: 120px;}
.comprehen-wrapper .bg img {height: auto;}
.comprehen-wrapper .bg img.phone {display: block;}
.comprehen-wrapper .bg img.pc {display: none;}
.comprehen-wrapper .list {bottom: 34px;}
.comprehen-wrapper li {display: flex;align-items: center;height: auto;width: 100%;padding: 0 15px;background: #008fd7;margin-bottom: 1px;}
.comprehen-wrapper li:last-child {margin-bottom: 0;}
.comprehen-wrapper li .key{font-size:100px;opacity:1;line-height: 50px;}
.comprehen-wrapper li:hover {height: auto;}
.comprehen-wrapper li:hover .info {}
.comprehen-wrapper li:hover .top {display: none}
.comprehen-wrapper li .top {display: none;}
.comprehen-wrapper li .title-box {padding-left: 0;margin-top: 0;}
.comprehen-wrapper li .title-box img,
.comprehen-wrapper li .title-box p,
.comprehen-wrapper li .label:after,
.comprehen-wrapper li .desc {display: none;}
.comprehen-wrapper li .info {position: static;opacity: 1;visibility: visible;transform: translateY(0);}
.comprehen-wrapper li .title {font-size: 16px;margin-bottom: 0;}
.comprehen-wrapper li .label {padding: 0;background: transparent;margin-bottom: 0;margin-top: 0;border: none;line-height: 24px;}
.fixed-menu-box{display:none}
.comprehen-wrapper li:nth-of-type(2) .title-box,
.comprehen-wrapper li:nth-of-type(3) .title-box,
.comprehen-wrapper li:nth-of-type(4) .title-box{padding-left:0}
}
/*2021.1.18*/
.newPart1{position:relative}
.newPart1 .img img{width:100%}
.newPart1 .wal{ height: 100%; position: absolute;top:0;left:50%;margin-left:-600px}
.newPart1 .leftImg{ position: absolute; left: 50%; margin-left: -705px; top: 56%; margin-top: -237px; }
.newPart1 .contentBox{ position: absolute; right: 0; top: 53%; margin-top: -290px; width: 600px; }
.newPart1 .name{ font-size: 40px; font-weight: bold; color: #fff; padding-bottom: 37px; border-bottom: 1px solid rgba(229, 238, 245, 0.3);}
.newPart1 .content{ font-size: 14px; line-height: 34px; color: #fff; padding: 25px 0 40px;}
.newPart1 .limg img{ width: 600px; }
.newPart2{ height: 825px; padding-top: 65px; background: url(../images/hBg2.jpg) center no-repeat; background-size: cover;}
.newPart2 .proatop .entitle{color:rgba(102,102,102,0.1);font-size:120px; text-transform: uppercase; line-height:120px;font-family:'impact';text-align:center;position:relative}
.newPart2 .proatop .entitle:after{content:attr(bigtitle);color:#666;font-family:'Bodon'; text-transform: uppercase; font-size:36px;position:absolute;top:50%;margin-top:-8px;line-height:1;left:0;width:100%;text-align:center}
.newPart2 .proatop .cntitle{color:#51585d;font-weight:bold;font-size:40px; line-height: 40px; padding: 10px 0 40px; text-align:center}
.newPart2 .mxfDiv{ position: relative; height: 527px; background: url(../images/himg1200Bg1.png) center no-repeat; background-size: cover; }
.newPart2 .mxfDiv li{ position: absolute; }
.newPart2 .mxfDiv li .ico{ padding-bottom: 10px; }
.newPart2 .mxfDiv li .name{ font-size: 18px; color: #333; font-weight: bold; }
.newPart2 .mxfDiv li .msg{ font-size: 14px; line-height: 26px; padding-top: 10px; }
.newPart2 .mxfDiv .li01{ left: 42px; top: 32px; }
.newPart2 .mxfDiv .li02{ right: 42px; top: 32px; text-align: right; }
.newPart2 .mxfDiv .li03{ left: 42px; top: 305px; }
.newPart2 .mxfDiv .li04{ right: 42px; top: 305px; text-align: right; }
.newPart2 .imgDiv{ display: none; }
.newPart2 .imgDiv img{ width: 100%; }
.newPart3{ height: 800px; padding-top: 90px; background: url(../images/hBg3.jpg) center no-repeat; background-size: cover;}
.newPart3 .wal{ position: relative; }
.newPart3 .proatop{ position: absolute; left: 0; top: 0; z-index: 1; }
.newPart3 .proatop .entitle{color:rgba(102,102,102,0.05); padding: 0 30px; font-size:120px; text-transform: uppercase; line-height:120px;font-family:'impact';text-align:center;position:relative}
.newPart3 .proatop .entitle:after{content:attr(bigtitle);color:#666;font-family:'Bodon'; text-transform: uppercase; font-size:36px;position:absolute;top:50%;margin-top:-8px;line-height:1;left:0;width:100%;text-align:center}
.newPart3 .proatop .cntitle{color:#fff;font-weight:bold;font-size:40px; line-height: 40px; padding: 10px 0 40px; text-align:center}
.newPart3 .bigImg .img2{ display:none;}
.newPart4{ height: 800px; padding-top: 90px; background: url(../images/hBg4.jpg) center no-repeat; background-size: cover;}
.newPart4-2{ background: url(../images/hBg6.jpg) center no-repeat;}
.newPart4 .proatop .entitle{color:rgba(102,102,102,0.1);font-size:120px; text-transform: uppercase; line-height:120px;font-family:'impact';text-align:center;position:relative}
.newPart4 .proatop .entitle:after{content:attr(bigtitle);color:#666;font-family:'Bodon'; text-transform: uppercase; font-size:36px;position:absolute;top:50%;margin-top:-8px;line-height:1;left:0;width:100%;text-align:center}
.newPart4 .proatop .cntitle{color:#51585d;font-weight:bold;font-size:40px; line-height: 40px; padding: 10px 0 20px; text-align:center}
.newPart4 .list{ position: relative; }
.newPart4 .list:after{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #e4e4e4; }
.newPart4 .list li{ float: left; width: 25%; text-align: center; padding: 35px 0;}
.newPart4 .list li .name{ padding: 20px 0 15px; font-size: 20px; line-height: 20px; color: #333; font-weight: bold; }
.newPart4 .list li .msg{ font-size: 14px; line-height: 20px; height: 60px; padding: 0 35px;}
@media screen and (max-width: 1440px) {
.newPart1 .leftImg{ margin-left: -600px; top: 60%; }
.newPart1 .leftImg img{ width: 580px; }
.newPart1 .contentBox{ top: 60%; width: 560px; }
.newPart1 .name{ font-size: 30px; padding-bottom: 20px;}
.newPart1 .content{ line-height: 1.8; padding: 15px 0 25px;}
.newPart1 .limg img{ width: 560px; }
.newPart2 .proatop .entitle{font-size:98px; line-height:100px;}
.newPart2 .proatop .cntitle{ font-size:32px; line-height: 32px; }
.newPart3 .proatop .entitle{ padding: 0 55px; font-size:98px; line-height:100px;}
.newPart3 .proatop .cntitle{font-size:32px; line-height: 32px;}
.newPart4 .proatop .entitle{font-size:98px; line-height:100px;}
.newPart4 .proatop .cntitle{ font-size:32px; line-height: 32px; }
}
.newPart5{position:relative; overflow: hidden;}
.newPart5 .img img{width:100%}
.newPart5 .wal{ height: 100%; position: absolute;top:0;left:50%;margin-left:-600px}
.newPart5 .leftImg{ position: absolute; left: 50%; margin-left: -740px; top: 56%; margin-top: -237px; }
.newPart5 .contentBox{ position: absolute; right: 0; top: 56%; margin-top: -225px; width: 550px; }
.newPart5 .name{ font-size: 40px; font-weight: bold; color: #fff; padding-bottom: 37px; border-bottom: 1px solid rgba(229, 238, 245, 0.3);}
.newPart5 .content{ font-size: 15px; line-height: 34px; color: #fff; padding: 25px 0 40px;}
.newPart5 .limg img{ width: 549px; }
.newPart6{ height: 775px; padding-top: 115px; background: url(../images/hBg7.jpg) center no-repeat; background-size: cover;}
.newPart6 .title{ text-align: center; color: #fff; font-size: 40px; line-height: 40px; font-weight: bold; padding-bottom: 90px;}
.newPart6 .leftDiv{ width: 505px; }
.newPart6 .name{ font-size: 36px; line-height: 36px; padding-bottom: 15px; font-weight: bold; display: inline-block; background-image: -webkit-linear-gradient(top left,#24a4fb,#23e7db);
background-image: linear-gradient(to right bottom,#24a4fb,#23e7db);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent}
.newPart6 .txt{ font-size: 30px; color: #fff; line-height: 48px; padding-bottom: 35px; border-bottom: 1px solid rgba(153, 153, 153, 0.3); }
.newPart6 .msgList{ padding-top: 50px; }
.newPart6 .msgList li{ font-size: 16px; color: #fff; line-height: 34px; padding-left: 25px; position: relative; }
.newPart6 .msgList li:after{ content: ''; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; border-radius: 50%; background: #fff; margin-top: -3px; }
.newPart6 .rightImg img{ width: 646px; }
.newPart7{ height: 790px; padding-top: 100px; background: url(../images/hBg8.jpg) center no-repeat; background-size: cover;}
.newPart7 .title{ text-align: center; color: #51585d; font-size: 40px; line-height: 40px; font-weight: bold; padding-bottom: 65px;}
.newPart7 .rightDiv{ width: 505px; }
.newPart7 .name{ font-size: 36px; line-height: 36px; padding-bottom: 15px; font-weight: bold; display: inline-block; background-image: -webkit-linear-gradient(top left,#24a4fb,#23e7db);
background-image: linear-gradient(to right bottom,#24a4fb,#23e7db);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent}
.newPart7 .txt{ font-size: 30px; color: #333; line-height: 48px; padding-bottom: 35px; border-bottom: 1px solid rgba(153, 153, 153, 0.3); }
.newPart7 .msgList{ padding-top: 50px; }
.newPart7 .msgList li{ font-size: 16px; color: #666; line-height: 34px; padding-left: 25px; position: relative; }
.newPart7 .msgList li:after{ content: ''; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; border-radius: 50%; background: #999; margin-top: -3px; }
.newPart7 .leftImg{ padding-left: 170px; }
.newPart7 .leftImg img{ width: 296px; }
.newPart8{ height: 805px; padding-top: 85px; background: url(../images/hBg9.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.newPart8 .proatop .entitle{color:rgba(102,102,102,0.1); font-size:120px; text-transform: uppercase; line-height:120px;font-family:'impact';text-align:center;position:relative}
.newPart8 .proatop .entitle:after{content:attr(bigtitle);color:rgba(102,102,102,0.2);font-family:'Bodon'; text-transform: uppercase; font-size:36px;position:absolute;top:50%;margin-top:-8px;line-height:1;left:0;width:100%;text-align:center}
.newPart8 .proatop .cntitle{color:#fff;font-weight:bold;font-size:40px; line-height: 40px; padding: 10px 0 20px; text-align:center}
.newPart8 .leftImg img{ width: 309px; }
.newPart8 .leftImg .img2{ display:none;}
.newPart8 .rightDiv{ width: 785px; padding-top: 80px; }
.newPart8 .rightDiv li{ float: left; width: 50%; color: #fff; padding-bottom: 56px;}
.newPart8 .rightDiv li .box{ padding-left: 105px; height: 83px; position: relative; }
.newPart8 .rightDiv li .ico{ position: absolute; left: 0; top: 0; }
.newPart8 .rightDiv li .name{ height: 32px; font-weight: bold; line-height: 32px; font-size: 20px; }
.newPart8 .rightDiv li .msg{ font-size: 14px; line-height: 20px; padding-top: 10px; width: 225px; }
@media screen and (max-width: 1440px) {
.newPart5 .leftImg{ margin-left: -600px; top: 60%; }
.newPart5 .leftImg img{ width: 580px; }
.newPart5 .contentBox{ top: 55%; width: 560px; }
.newPart5 .name{ font-size: 30px; padding-bottom: 20px;}
.newPart5 .content{ line-height: 1.8; padding: 15px 0 25px;}
.newPart5 .limg img{ width: 560px; }
.newPart6 .title{ font-size: 36px; line-height: 36px; }
.newPart6 .name{ font-size: 32px; line-height: 32px;}
.newPart6 .txt{ font-size: 26px; line-height: 46px; }
.newPart7 .title{ font-size: 36px; line-height: 36px;}
.newPart7 .name{ font-size: 32px; line-height: 32px;}
.newPart7 .txt{ font-size: 26px; line-height: 46px; }
.newPart8 .proatop .entitle{font-size:98px; line-height:100px;}
.newPart8 .proatop .cntitle{ font-size:32px; line-height: 32px; }
}
.newPart9{position:relative; overflow: hidden;}
.newPart9 .img img{width:100%}
.newPart9 .wal{ height: 100%; position: absolute;top:0;left:50%;margin-left:-600px}
.newPart9 .leftImg{ position: absolute; left: 50%; margin-left: -895px; top: 0; z-index: 1; }
.newPart9 .leftImg .img2{ display:none;}
.newPart9 .contentBox{ position: absolute; right: 0; top: 50%; margin-top: -225px; width: 600px; z-index: 2; }
.newPart9 .name{ font-size: 40px; line-height: 60px; color: #fff; padding-bottom: 37px; border-bottom: 1px solid rgba(229, 238, 245, 0.3);}
.newPart9 .name b{ display: block; }
.newPart9 .content{ font-size: 15px; line-height: 34px; color: #fff; padding: 25px 0 40px;}
.newPart9 .limg{ text-align: center; }
.newPart9 .limg .img2{ display:none;}
.newPart10{ height: 810px; padding-top: 80px; background: url(../images/hBg11.jpg) center no-repeat; background-size: cover;}
.newPart10 .proatop .entitle{color:rgba(102,102,102,0.1);font-size:120px; text-transform: uppercase; line-height:120px;font-family:'impact';text-align:center;position:relative}
.newPart10 .proatop .entitle:after{content:attr(bigtitle);color:#666;font-family:'Bodon'; text-transform: uppercase; font-size:36px;position:absolute;top:50%;margin-top:-8px;line-height:1;left:0;width:100%;text-align:center}
.newPart10 .proatop .cntitle{color:#51585d;font-weight:bold;font-size:40px; line-height: 40px; padding: 10px 0 20px; text-align:center}
.newPart10 .list{ position: relative; }
.newPart10 .list:after{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: rgba(153,153,153,0.3); }
.newPart10 .list li{ float: left; width: 20%; text-align: center; padding: 35px 0;}
.newPart10 .list li .name{ padding: 20px 0 15px; font-size: 20px; line-height: 20px; color: #333; font-weight: bold; }
.newPart10 .list li .msg{ font-size: 14px; line-height: 20px; height: 60px; padding: 0 20px;}
.newPart11{ overflow: hidden; height: 795px; padding-top: 95px; background: url(../images/hBg12.jpg) center no-repeat; background-size: cover;}
.newPart11 .proatop .entitle{color:rgba(102,102,102,0.1);font-size:120px; text-transform: uppercase; line-height:120px;font-family:'impact';text-align:center;position:relative}
.newPart11 .proatop .entitle:after{content:attr(bigtitle);color:#999; font-family:'Bodon'; text-transform: uppercase; font-size:36px;position:absolute;top:50%;margin-top:-8px;line-height:1;left:0;width:100%;text-align:center}
.newPart11 .proatop .cntitle{color:#fff;font-weight:bold;font-size:40px; line-height: 40px; padding: 10px 0 20px; text-align:center}
.newPart11 .leftDiv{ width: 600px; padding-top: 65px; }
.newPart11 .title{ font-size: 24px; color: #fff; line-height: 24px; font-weight: bold; padding-bottom: 35px; }
.newPart11 .list li{ float: left; width: 25%; padding-bottom: 60px; color: #fff; text-align: center;}
.newPart11 .list li .name{ font-size: 18px; font-weight: bold; padding-top: 20px;}
.newPart11 .rightDiv{ width: 525px; padding-top: 65px; }
.newPart11 table th{ height: 45px; background: url(../images/hBg0.jpg) repeat-x; color: #fff; font-size: 18px; text-align: left; text-indent: 48px; }
.newPart11 table th:first-child{ width: 152px; border-right: rgba(255,255,255,0.1) solid 1px; }
.newPart11 table td{ height: 38px; background: rgba(255,255,255,0.1); text-indent: 48px; color: #fff; font-size: 14px; border-bottom: #626267 solid 1px; }
.newPart11 table td:first-child{ border-right: #626267 solid 1px; }
.newPart11 table tr:last-child td{ border-bottom: none; }
.newPart12{ height: 795px; padding-top: 95px; background: url(../images/hbg13.jpg) center no-repeat; background-size: cover;}
.newPart12-2{ background: url(../images/hbg18.jpg) center no-repeat; }
.newPart12 .proatop .entitle{color:rgba(102,102,102,0.1);font-size:120px; text-transform: uppercase; line-height:120px;font-family:'impact';text-align:center;position:relative}
.newPart12 .proatop .entitle:after{content:attr(bigtitle);color:#666; font-family:'Bodon'; text-transform: uppercase; font-size:36px;position:absolute;top:50%;margin-top:-8px;line-height:1;left:0;width:100%;text-align:center}
.newPart12 .proatop .cntitle{color:#51585d;font-weight:bold;font-size:40px; line-height: 40px; padding: 10px 0 15px; text-align:center}
.newPart12 .txt{ font-size: 30px; text-align: center; padding-bottom: 35px;}
.newPart12 .bigImg .img2{ display:none;}
.newPart13{ overflow: hidden; height: 795px; padding-top: 95px; background: url(../images/hBg14.jpg) center no-repeat; background-size: cover;}
.newPart13 .proatop .entitle{color:rgba(255,255,255,0.05);font-size:120px; text-transform: uppercase; line-height:120px;font-family:'impact';text-align:center;position:relative}
.newPart13 .proatop .entitle:after{content:attr(bigtitle);color:#999; font-family:'Bodon'; text-transform: uppercase; font-size:36px;position:absolute;top:50%;margin-top:-8px;line-height:1;left:0;width:100%;text-align:center}
.newPart13 .proatop .cntitle{color:#fff;font-weight:bold;font-size:40px; line-height: 40px; padding: 10px 0 20px; text-align:center}
.newPart13 .list{ padding-top: 35px; }
.newPart13 .list ul{ margin-right: -27px; }
.newPart13 .list li{ float: left; width: 25%; padding-bottom: 50px; }
.newPart13 .list li .box{ margin-right: 27px; }
.newPart13 .list li .imgDiv img{ width: 100%; }
.newPart13 .list li .name{ font-size: 24px; line-height: 24px; color: #fff; text-align: center; font-weight: bold; padding-top: 25px; }
@media screen and (max-width: 1440px) {
.newPart9 .leftImg{ margin-left: -600px; top: 50%; margin-top: -250px; }
.newPart9 .leftImg img{ width: 720px; }
.newPart9 .contentBox{ top: 55%; width: 560px; }
.newPart9 .name{ font-size: 30px; padding-bottom: 20px;}
.newPart9 .content{ line-height: 1.8; padding: 15px 0 25px;}
.newPart9 .limg img{ width: 560px; }
.newPart10 .proatop .entitle{font-size:98px; line-height:100px;}
.newPart10 .proatop .cntitle{ font-size:32px; line-height: 32px; }
.newPart11 .proatop .entitle{font-size:98px; line-height:100px;}
.newPart11 .proatop .cntitle{ font-size:32px; line-height: 32px; }
.newPart12 .proatop .entitle{font-size:98px; line-height:100px;}
.newPart12 .proatop .cntitle{ font-size:32px; line-height: 32px; }
.newPart13 .proatop .entitle{font-size:98px; line-height:100px;}
.newPart13 .proatop .cntitle{ font-size:32px; line-height: 32px; }
}
.newPart14{position:relative; overflow: hidden;}
.newPart14 .img img{width:100%}
.newPart14 .wal{ height: 100%; position: absolute;top:50%; margin-top: -240px; left:50%; margin-left:-600px}
.newPart14 .leftImg{ position: absolute; left: 50%; margin-left: -600px; top: 0; z-index: 1; }
.newPart14 .contentBox{ position: absolute; right: 0; top: 50%; margin-top: -415px; width: 695px; z-index: 2; }
.newPart14 .name{ font-size: 40px; line-height: 60px; color: #fff;}
.newPart14 .name b{ display: block; }
.newPart14 .txt{ margin: 5px 0 30px; width: 254px; height: 63px; background: url(../images/himg254Bg.png) center no-repeat; text-align: center; font-size: 24px; color: #fff; line-height: 62px; }
.newPart14 .line{ background: rgba(229,238,245,0.3); width: 100%; height: 1px;}
.newPart14 .msg{ margin-top: 30px; width: 651px; height: 43px; background: url(../images/himg651Bg.png) center no-repeat; text-align: center; line-height: 42px; font-weight: bold; font-size: 16px; color: #23e7db; }
.newPart14 .content{ font-size: 15px; line-height: 34px; color: #fff; padding: 25px 0 40px;}
.newPart14 .procprodnav{ top:124px; right:50%; margin-right:-600px;}
.newPart15{ height: 810px; padding-top: 80px; background: url(../images/hbg16.jpg) center no-repeat; background-size: cover;}
.newPart15 .proatop .entitle{color:rgba(102,102,102,0.1);font-size:120px; text-transform: uppercase; line-height:120px;font-family:'impact';text-align:center;position:relative}
.newPart15 .proatop .entitle:after{content:attr(bigtitle);color:#666;font-family:'Bodon'; text-transform: uppercase; font-size:36px;position:absolute;top:50%;margin-top:-8px;line-height:1;left:0;width:100%;text-align:center}
.newPart15 .proatop .cntitle{color:#51585d;font-weight:bold;font-size:40px; line-height: 40px; padding: 10px 0 20px; text-align:center}
.newPart15 .list{ position: relative; }
.newPart15 .list:after{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: rgba(153,153,153,0.3); }
.newPart15 .list li{ float: left; width: 25%; text-align: center; padding: 35px 0;}
.newPart15 .list li .name{ padding: 20px 0 15px; font-size: 20px; line-height: 20px; color: #333; font-weight: bold; }
.newPart15 .list li .msg{ font-size: 14px; line-height: 20px; height: 60px; padding: 0 35px;}
.newPart16{ height: 790px; padding-top: 100px; background: url(../images/hbg17.jpg) center no-repeat; background-size: cover;}
.newPart16 .toptop{ position: relative; padding-bottom: 75px; overflow: hidden;}
.newPart16 .toptop:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(153,153,153,0.5); }
.newPart16 .leftDiv{ width: 535px; }
.newPart16 .name{ padding: 15px 0; font-size: 24px; color: #fff; line-height: 24px; font-weight: bold; }
.newPart16 .txt1{ font-size: 16px; line-height: 24px; font-weight: bold; display: inline-block; background-image: -webkit-linear-gradient(top left,#24a4fb,#23e7db);
background-image: linear-gradient(to right bottom,#24a4fb,#23e7db);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent}
.newPart16 .txt2{ height: 58px; position: relative; font-size: 16px; line-height: 24px; font-weight: bold; display: inline-block; background-image: -webkit-linear-gradient(top left,#24a4fb,#23e7db);
background-image: linear-gradient(to right bottom,#24a4fb,#23e7db);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent}
.newPart16 .txt2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 62px; height: 2px; background: url(../images/himg62Bg.jpg) center no-repeat; }
.newPart16 .content{ font-size: 14px; line-height: 30px; color: #fff; padding-top: 30px; }
.newPart16 .rightImg img{ width: 600px; }
.newPart16 .title{ text-align: center; font-size: 24px; color: #fff; line-height: 24px; padding: 65px 0 50px; font-weight: bold; }
.newPart16 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.newPart16 .list li{ text-align: center; }
.newPart16 .list li .name{ font-weight: bold; font-size: 18px; color: #fff; line-height: 18px; padding-top: 18px; }
@media screen and (max-width: 1600px) {
.newPart14 .leftImg img{ width: 365px; }
.newPart14 .contentBox{ margin-top: -385px; }
}
@media screen and (max-width: 1440px) {
.newPart14 .leftImg{ top: 40px; }
.newPart14 .leftImg img{ width: 335px; }
.newPart14 .contentBox{ margin-top: -285px; }
.newPart14 .name{ font-size: 30px; line-height: 50px;}
.newPart14 .content{ line-height: 1.8; padding: 15px 0 30px;}
.newPart15 .proatop .entitle{font-size:98px; line-height:100px;}
.newPart15 .proatop .cntitle{ font-size:32px; line-height: 32px; }
}
/*2023.8.17*/
.txtJb{ display: inline-block; background-image:-webkit-linear-gradient(left top,#4fceff,#377aff);
background-image:linear-gradient(to right bottom,#4fceff,#377aff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.provideP1 .list li,
.provideP5 .mxfDiv,
.logisticsP4 .list li,
.disinfectP2 .list li .imgDiv{
display: flex;
display: -webkit-flex; }
.flex,
.provideP1 .list li,
.provideP5 .mxfDiv,
.logisticsP4 .list li,
.disinfectP2 .list li .imgDiv{
align-items: center;
-webkit-align-items: center; }
.flex,
.disinfectP2 .list li .imgDiv{
justify-content: center;
-webkit-justify-content: center; }
.flex,
.provideP1 .list li,
.provideP5 .mxfDiv,
.logisticsP4 .list li{
justify-content: space-between;
-webkit-justify-content: space-between; }
.provideP1{ padding: 100px 0 90px; }
.provideP1 .list li{ padding-bottom: 85px; }
.provideP1 .list li:last-child{ padding-bottom: 0; }
.provideP1 .list li .conDiv{ width: 440px; order: 1; }
.provideP1 .list li:nth-child(even) .conDiv{ order: 2; }
.provideP1 .list li .name{ font-size: 42px; line-height: 42px;}
.provideP1 .list li .content{ line-height: 36px; font-size: 18px; color: #3e3a39; padding-top: 40px; }
.provideP1 .list li .imgDiv{ width: 711px; order: 2; }
.provideP1 .list li:nth-child(even) .imgDiv{ order: 1; }
.provideP1 .list li .imgDiv img{ width: 100%; }
.provideP2{ padding-top: 85px; height: 890px; box-sizing: border-box; background: center no-repeat; background-size: cover; position: relative;}
.provideP2 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; z-index: 1; }
.provideP2 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #fff; }
.provideP2 .entitle{ text-align: center; color: #fff; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; position: relative; z-index: 1; }
.provideP2 .list{ padding-top: 140px; padding-right: 7.8%; width: 52%; position: relative; z-index: 1; }
.provideP2 .list ul{ margin-right: -24px; }
.provideP2 .list li{ float: left; width: 33.33%; }
.provideP2 .list li .box{ margin-right: 24px; height: 432px; padding-top: 42px; background: rgba(255,255,255,0.1); box-sizing: border-box; overflow: hidden;}
.provideP2 .list li .name{ font-weight: bold; text-align: center; font-size: 22px; line-height: 22px; }
.provideP2 .list li .name em{ background-image:-webkit-linear-gradient(left top,#00fff6,#0078ff);
background-image:linear-gradient(to right bottom,#00fff6,#0078ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.provideP2 .list li .content{ text-align: justify; padding: 32px 36px 0; color: #fff; font-size: 16px; line-height: 30px; }
.provideP3{ height: 890px; padding-top: 85px; overflow: hidden; box-sizing: border-box; background: center no-repeat; background-size: cover;}
.provideP3 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.provideP3 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #333; }
.provideP3 .entitle{ text-align: center; color: #333; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.provideP3 .mxfDiv{ position: relative; margin-top: 52px; }
.providePic{ position:absolute; left:0; width:42.4%; height:558px; top:0; z-index: 2;}
.providePic .list{ overflow: hidden; }
.providePic .imgDiv{ width: 100%; height:558px; background:center no-repeat; background-size:cover; }
.providePic .swiper-pagination{ width: 100%; position: absolute; bottom: 30px!important; z-index:3 }
.providePic .swiper-pagination-bullet {width: 12px; height: 12px; opacity: 1; background: rgba(0,0,0,0.5); border-radius: 50%; margin: 0 10px!important;}
.providePic .swiper-pagination-bullet-active { background: #006aff;}
.provideP3 .rightList{ width: 628px; }
.provideP3 .rightList li{ padding-bottom: 30px; }
.provideP3 .rightList li .name{ padding-left: 38px; font-size: 22px; line-height: 22px; padding-bottom: 12px; }
.provideP3 .rightList li .name em{ background-image:-webkit-linear-gradient(left top,#00a0eb,#006aff);
background-image:linear-gradient(to right bottom,#00a0eb,#006aff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.provideP3 .rightList li .msg{ line-height: 32px; padding-left: 38px; font-size: 16px; color: #333; background: url(../images/ico2.png) left 10px no-repeat; }
.provideP4 .list li{ height: 890px; padding-top: 70px; box-sizing: border-box; background: center no-repeat; background-size: cover; }
.provideP4 .list li .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.provideP4 .list li .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #fff; }
.provideP4 .list li .entitle{ text-align: center; color: #fff; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.provideP4 .list li .msg{ text-align: center; font-size: 18px; color: #fff; padding-top: 25px; height: 55px; line-height: 32px; }
.provideP4 .list li .mxfDiv{ position: relative; height: 574px; }
.provideP4 .list li .imgDiv{ width: 63%; height: 574px; }
.provideP4 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.provideP4 .list li .conDiv{ position: absolute; right: 0; width: 37%; box-sizing: border-box; padding: 0 55px; height: 498px; top: 50%; margin-top: -249px; background-image: linear-gradient(left top,#29cdfe,#4facfe);
background-image: -webkit-linear-gradient(left top,#29cdfe,#4facfe);
background-image: -moz-linear-gradient(left top,#29cdfe,#4facfe);
background-image: -o-linear-gradient(left top,#29cdfe,#4facfe);
background-image: linear-gradient(to right bottom,#29cdfe,#4facfe);
background-image: -webkit-linear-gradient(to right bottom,#29cdfe,#4facfe);
background-image: -moz-linear-gradient(to right bottom,#29cdfe,#4facfe);
background-image: -o-linear-gradient(to right bottom,#29cdfe,#4facfe);}
.provideP4 .list li .txt{ padding: 75px 0 65px; color: #fff; text-align: center; font-size: 30px; line-height: 30px; }
.provideP4 .list li .txt2{ padding: 60px 0 50px; }
.provideP4 .list li dd{ padding-bottom: 28px; font-size: 18px; color: #fff; line-height: 30px; }
.provideP4 .list li dd:last-child{ padding-bottom: 0; }
.provideP5{ padding-top: 85px; height: 890px; box-sizing: border-box; background: center no-repeat; background-size: cover;}
.provideP5 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.provideP5 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #333; }
.provideP5 .entitle{ text-align: center; color: #333; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.provideP5 .mxfDiv{ margin-top: 120px; }
.provideP5 .leftImg{ width: 725px; position: relative;}
.provideP5 .leftImg img{ width: 100%; }
.provideP5 .kuo{ cursor: pointer; position: absolute; background: #ff2b2b; width: 10px; height: 10px; position: absolute; right: 35.7%; top: 51.6%; border-radius: 50%; }
.provideP5 .leftImg .pulse{ z-index: 2; position:absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; background: rgba(255,43,43,0.8); height:50px; width:50px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; -webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.provideP5 .leftImg .pulse2{ z-index: 1; position:absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; background: rgba(255,43,43,0.8); height:40px;width:40px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.provideP5 .leftImg .pulse3{ z-index: 1; position:absolute; left: 50%; top: 50%; margin-top: -30px; margin-left: -30px; background: rgba(255,43,43,0.8); height:60px;width:60px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.provideP5 .leftImg .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.provideP5 .leftImg .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.provideP5 .leftImg .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.provideP5 .layer{ z-index: 1; display: none; position: absolute; right: 10px; bottom: 20px; background: #fff; border-radius: 6px; padding: 15px 25px 15px 120px; }
.provideP5 .layer .limg{ position: absolute; left: 10px; top: 15px; }
.provideP5 .layer .limg img{ width: 92px; }
.provideP5 .layer .haha{ font-size: 14px; text-align: center; color: #333; }
.provideP5 .layer .time{ font-size: 12px; text-align: center; }
.provideP5 .layer .msgList{ padding-top: 5px; }
.provideP5 .layer .msgList li{ font-size: 12px; line-height: 18px; color: #333; }
@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.provideP5 .content{ width: 526px; font-size: 18px; color: #333; line-height: 38px; text-align: justify; }
.provideP6{ padding-top: 85px; height: 890px; box-sizing: border-box; background: center no-repeat; background-size: cover;}
.provideP6 .w1500{ width: 1500px; margin: 0 auto; }
.provideP6 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.provideP6 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #333; }
.provideP6 .entitle{ text-align: center; color: #333; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.provideP6 .mxfDiv{ margin-top: 55px; padding: 30px; background: rgba(255,255,255,0.3); }
.provideP6 .list{ background: #fff; padding-top: 25px; }
.provideP6 .list ul{ display: flex; display: -webkit-flex; flex-wrap: wrap;justify-content: space-between; -webkit-justify-content: space-between;}
.provideP6 .list li{ width: 230px; padding-bottom: 40px; }
.provideP6 .list li .name{ height: 34px; line-height: 34px; position: relative; padding-left: 48px; font-size: 20px; }
.provideP6 .list li .name em{ display: inline-block; background-image:-webkit-linear-gradient(left top,#00a0eb,#006aff);
background-image:linear-gradient(to right bottom,#00a0eb,#006aff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.provideP6 .list li .name img{ position: absolute; left: 0; bottom: 0; }
.provideP6 .list li .msg{ font-size: 14px; color: #333; line-height: 24px; padding: 5px 0 0 48px; }
.provideP7{ padding-top: 85px; height: 890px; box-sizing: border-box; background: center no-repeat; background-size: cover;}
.provideP7 .w1436{ width: 1436px; margin: 0 auto; }
.provideP7 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.provideP7 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #fff; }
.provideP7 .entitle{ text-align: center; color: #fff; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.provideP7 .mxfDiv{ margin-top: 85px; position: relative; height: 500px; }
.provideP7 .imgDiv{ position: absolute; left: 0; bottom: 6px; }
.provideP7 .imgDiv img{ width: 1000px; }
.provideP7 .conDiv{ position: relative; z-index: 1; width: 615px; height: 500px; box-sizing: border-box; padding: 60px 48px 0 35px;}
.provideP7 .conDiv:after{ content: ''; opacity: 0.9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(left top,#00f2fe,#4facfe);
background-image: -webkit-linear-gradient(left top,#00f2fe,#4facfe);
background-image: -moz-linear-gradient(left top,#00f2fe,#4facfe);
background-image: -o-linear-gradient(left top,#00f2fe,#4facfe);
background-image: linear-gradient(to right bottom,#00f2fe,#4facfe);
background-image: -webkit-linear-gradient(to right bottom,#00f2fe,#4facfe);
background-image: -moz-linear-gradient(to right bottom,#00f2fe,#4facfe);
background-image: -o-linear-gradient(to right bottom,#00f2fe,#4facfe); }
.provideP7 .conDiv li{ position: relative; z-index: 1; padding-bottom: 30px; line-height: 30px; padding-left: 38px; font-size: 18px; color: #fff; background: url(../images/ico2.png) left 10px no-repeat;}
.AMRP1{ background: center bottom no-repeat; background-size: 100%; padding: 60px 0 260px; }
.AMRP1 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.AMRP1 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #000; }
.AMRP1 .entitle{ text-align: center; color: #000; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.AMRP1 .content{ font-size: 18px; line-height: 38px; color: #333; text-align: justify; padding: 50px 0 20px; }
.AMRP1 .topImg{ width: 79.7%; margin: 0 auto;}
.AMRP1 .topImg img{ width: 100%; }
.AMRP1 .botImg{ padding-top: 170px; width: 82.1%; margin: 0 auto;}
.AMRP1 .botImg img{ width: 100%; }
.AMRP2{ padding-top: 80px; height: 890px; box-sizing: border-box; background: center bottom no-repeat; background-size: cover; overflow: hidden; }
.AMRP2 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.AMRP2 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #000; }
.AMRP2 .entitle{ text-align: center; color: #000; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.AMRP2 .mxfDiv{ padding-top: 40px;}
.AMRP2 .leftImg{ position: relative; left: -105px; }
.AMRP2 .leftImg img{ width: 578px; }
.AMRP2 .rightDiv{ width: 50%; }
.AMRP2 .content{ font-size: 18px; line-height: 32px; color: #333; text-align: justify; padding-bottom: 28px;}
.AMRP2 .list{ overflow: hidden; background-image: linear-gradient(left,#31beee,#308cfb);
background-image: -webkit-linear-gradient(left,#31beee,#308cfb);
background-image: -moz-linear-gradient(left,#31beee,#308cfb);
background-image: -o-linear-gradient(left,#31beee,#308cfb);
background-image: linear-gradient(to right,#31beee,#308cfb);
background-image: -webkit-linear-gradient(to right,#31beee,#308cfb);
background-image: -moz-linear-gradient(to right,#31beee,#308cfb);
background-image: -o-linear-gradient(to right,#31beee,#308cfb); }
.AMRP2 .list li{ float: left; width: 33.33%; }
.AMRP2 .list li .box{ border-right: #fff solid 1px; }
.AMRP2 .list li:last-child .box{ border-right: none; }
.AMRP2 .list li .topDiv{ height: 295px; border-bottom: #fff solid 1px; text-align: center; }
.AMRP2 .list li .imgDiv{ padding: 25px 0 20px; }
.AMRP2 .list li .name{ font-size: 15px; line-height: 28px; color: #fff; }
.AMRP2 .list li .msg{ overflow: hidden; height: 88px; padding: 12px 30px 0; box-sizing: border-box; line-height: 22px; color: #fff; font-size: 16px; text-align: center; }
.AMRP3{ padding-top: 80px; height: 890px; box-sizing: border-box; background: center bottom no-repeat; background-size: cover; overflow: hidden; }
.AMRP3 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.AMRP3 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #fff; }
.AMRP3 .entitle{ text-align: center; color: #fff; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.AMRP3 .mxfDiv{ padding-top: 40px;}
.AMRP3 .leftDiv{ width: 50%; }
.AMRP3 .content{ font-size: 18px; line-height: 32px; color: #fff; text-align: justify; padding-bottom: 36px;}
.AMRP3 .list{ position: relative; overflow: hidden; }
.AMRP3 .list:after{ content: ''; opacity: 0.2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(left,#00f2fe,#4facfe);
background-image: -webkit-linear-gradient(left,#00f2fe,#4facfe);
background-image: -moz-linear-gradient(left,#00f2fe,#4facfe);
background-image: -o-linear-gradient(left,#00f2fe,#4facfe);
background-image: linear-gradient(to right,#00f2fe,#4facfe);
background-image: -webkit-linear-gradient(to right,#00f2fe,#4facfe);
background-image: -moz-linear-gradient(to right,#00f2fe,#4facfe);
background-image: -o-linear-gradient(to right,#00f2fe,#4facfe); }
.AMRP3 .list:before{ content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 40px; background-image: linear-gradient(left,#0097c8,#0362d5);
background-image: -webkit-linear-gradient(left,#0097c8,#0362d5);
background-image: -moz-linear-gradient(left,#0097c8,#0362d5);
background-image: -o-linear-gradient(left,#0097c8,#0362d5);
background-image: linear-gradient(to right,#0097c8,#0362d5);
background-image: -webkit-linear-gradient(to right,#0097c8,#0362d5);
background-image: -moz-linear-gradient(to right,#0097c8,#0362d5);
background-image: -o-linear-gradient(to right,#0097c8,#0362d5); }
.AMRP3 .list li{ float: left; width: 25%; position: relative; z-index: 2; }
.AMRP3 .list li .box{ border-right: #fff solid 1px; }
.AMRP3 .list li:last-child .box{ border-right: none; }
.AMRP3 .list li .txt{ height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; }
.AMRP3 .list li .midDiv{ height: 255px; border-bottom: #fff solid 1px; text-align: center; }
.AMRP3 .list li .imgDiv{ padding: 5px 0 3px; }
.AMRP3 .list li .name{ font-size: 14px; line-height: 16px; }
.AMRP3 .list li .name em{ display: inline-block; background-image:-webkit-linear-gradient(left top,#03e2e2,#0097f7);
background-image:linear-gradient(to right bottom,#03e2e2,#0097f7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.AMRP3 .list li .msg{ overflow: hidden; height: 88px; padding: 12px 15px 0; box-sizing: border-box; line-height: 22px; color: #fff; font-size: 14px; text-align: center; }
.AMRP3 .rightImg{ position: relative; right: -105px; }
.AMRP3 .rightImg img{ width: 578px; }
.AMRP4{ padding-top: 80px; height: 890px; box-sizing: border-box; background: center bottom no-repeat; background-size: cover; overflow: hidden; }
.AMRP4 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.AMRP4 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #000; }
.AMRP4 .entitle{ text-align: center; color: #000; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.AMRP4 .mxfDiv{ padding-top: 40px;}
.AMRP4 .leftImg{ position: relative; left: -105px; }
.AMRP4 .leftImg img{ width: 578px; }
.AMRP4 .rightDiv{ width: 50%; }
.AMRP4 .content{ font-size: 18px; line-height: 32px; color: #333; text-align: justify; padding-bottom: 28px;}
.AMRP4 .shadog{ position: relative; }
.AMRP4 .shadog:after{ content: ''; opacity: 0.8; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(left,#0ab4ed,#0976fc);
background-image: -webkit-linear-gradient(left,#0ab4ed,#0976fc);
background-image: -moz-linear-gradient(left,#0ab4ed,#0976fc);
background-image: -o-linear-gradient(left,#0ab4ed,#0976fc);
background-image: linear-gradient(to right,#0ab4ed,#0976fc);
background-image: -webkit-linear-gradient(to right,#0ab4ed,#0976fc);
background-image: -moz-linear-gradient(to right,#0ab4ed,#0976fc);
background-image: -o-linear-gradient(to right,#0ab4ed,#0976fc); }
.AMRP4 .shadog .txt{ position: relative; z-index: 1; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background-image: linear-gradient(left,#0ab4ed,#0976fc);
background-image: -webkit-linear-gradient(left,#0ab4ed,#0976fc);
background-image: -moz-linear-gradient(left,#0ab4ed,#0976fc);
background-image: -o-linear-gradient(left,#0ab4ed,#0976fc);
background-image: linear-gradient(to right,#0ab4ed,#0976fc);
background-image: -webkit-linear-gradient(to right,#0ab4ed,#0976fc);
background-image: -moz-linear-gradient(to right,#0ab4ed,#0976fc);
background-image: -o-linear-gradient(to right,#0ab4ed,#0976fc); }
.AMRP4 .shadog .midDiv{ position: relative; z-index: 1; height: 255px; border-bottom: #fff solid 1px; text-align: center; }
.AMRP4 .shadog .imgDiv{ padding-top: 10px; }
.AMRP4 .shadog .name{ font-size: 16px; line-height: 40px; color: #fff;}
.AMRP4 .shadog .msg{ overflow: hidden; position: relative; z-index: 1; height: 88px; padding: 16px 130px 0; box-sizing: border-box; line-height: 24px; color: #fff; font-size: 16px; text-align: center; }
.AMRP5{ padding-top: 80px; height: 890px; box-sizing: border-box; background: center bottom no-repeat; background-size: cover; overflow: hidden; }
.AMRP5 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.AMRP5 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #fff; }
.AMRP5 .entitle{ text-align: center; color: #fff; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.AMRP5 .mxfDiv{ padding-top: 40px;}
.AMRP5 .leftDiv{ width: 50%; }
.AMRP5 .content{ font-size: 18px; line-height: 32px; color: #fff; text-align: justify; padding-bottom: 44px;}
.AMRP5 .list{ position: relative; overflow: hidden; }
.AMRP5 .list:after{ content: ''; opacity: 0.2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(left,#00f2fe,#4facfe);
background-image: -webkit-linear-gradient(left,#00f2fe,#4facfe);
background-image: -moz-linear-gradient(left,#00f2fe,#4facfe);
background-image: -o-linear-gradient(left,#00f2fe,#4facfe);
background-image: linear-gradient(to right,#00f2fe,#4facfe);
background-image: -webkit-linear-gradient(to right,#00f2fe,#4facfe);
background-image: -moz-linear-gradient(to right,#00f2fe,#4facfe);
background-image: -o-linear-gradient(to right,#00f2fe,#4facfe); }
.AMRP5 .list:before{ content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 40px; background-image: linear-gradient(left,#0097c8,#0362d5);
background-image: -webkit-linear-gradient(left,#0097c8,#0362d5);
background-image: -moz-linear-gradient(left,#0097c8,#0362d5);
background-image: -o-linear-gradient(left,#0097c8,#0362d5);
background-image: linear-gradient(to right,#0097c8,#0362d5);
background-image: -webkit-linear-gradient(to right,#0097c8,#0362d5);
background-image: -moz-linear-gradient(to right,#0097c8,#0362d5);
background-image: -o-linear-gradient(to right,#0097c8,#0362d5); }
.AMRP5 .list li{ float: left; width: 50%; position: relative; z-index: 2; }
.AMRP5 .list li .box{ border-right: #fff solid 1px; }
.AMRP5 .list li:last-child .box{ border-right: none; }
.AMRP5 .list li .txt{ height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; }
.AMRP5 .list li .midDiv{ height: 255px; border-bottom: #fff solid 1px; text-align: center; }
.AMRP5 .list li .imgDiv{ padding: 10px 0 8px; }
.AMRP5 .list li .name{ font-size: 16px; line-height: 26px; }
.AMRP5 .list li .name em{ display: inline-block; background-image:-webkit-linear-gradient(left top,#03e2e2,#0097f7);
background-image:linear-gradient(to right bottom,#03e2e2,#0097f7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.AMRP5 .list li .msg{ overflow: hidden; height: 88px; padding: 16px 55px 0; box-sizing: border-box; line-height: 26px; color: #fff; font-size: 16px; text-align: center; }
.AMRP5 .rightImg{ position: relative; right: -105px; }
.AMRP5 .rightImg img{ width: 578px; }
.AMRP6{ padding-top: 80px; height: 890px; box-sizing: border-box; background: center bottom no-repeat; background-size: cover; overflow: hidden; }
.AMRP6 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.AMRP6 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #000; }
.AMRP6 .entitle{ text-align: center; color: #000; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.AMRP6 .mxfDiv{ padding-top: 40px;}
.AMRP6 .leftImg{ position: relative; left: -105px; }
.AMRP6 .leftImg img{ width: 578px; }
.AMRP6 .rightDiv{ width: 50%; }
.AMRP6 .content{ font-size: 18px; line-height: 32px; color: #333; text-align: justify; padding-bottom: 16px;}
.AMRP6 .list{ position: relative; overflow: hidden; }
.AMRP6 .list:after{ content: ''; opacity: 0.8; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(left,#0ab4ed,#0976fc);
background-image: -webkit-linear-gradient(left,#0ab4ed,#0976fc);
background-image: -moz-linear-gradient(left,#0ab4ed,#0976fc);
background-image: -o-linear-gradient(left,#0ab4ed,#0976fc);
background-image: linear-gradient(to right,#0ab4ed,#0976fc);
background-image: -webkit-linear-gradient(to right,#0ab4ed,#0976fc);
background-image: -moz-linear-gradient(to right,#0ab4ed,#0976fc);
background-image: -o-linear-gradient(to right,#0ab4ed,#0976fc); }
.AMRP6 .list:before{ content: ''; opacity: 0.8; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 40px; background-image: linear-gradient(left,#00b1ed,#0072fd);
background-image: -webkit-linear-gradient(left,#00b1ed,#0072fd);
background-image: -moz-linear-gradient(left,#00b1ed,#0072fd);
background-image: -o-linear-gradient(left,#00b1ed,#0072fd);
background-image: linear-gradient(to right,#00b1ed,#0072fd);
background-image: -webkit-linear-gradient(to right,#00b1ed,#0072fd);
background-image: -moz-linear-gradient(to right,#00b1ed,#0072fd);
background-image: -o-linear-gradient(to right,#00b1ed,#0072fd); }
.AMRP6 .list li{ float: left; width: 50%; position: relative; z-index: 2; }
.AMRP6 .list li .box{ border-right: #fff solid 1px; }
.AMRP6 .list li:last-child .box{ border-right: none; }
.AMRP6 .list li .txt{ height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; }
.AMRP6 .list li .midDiv{ height: 255px; border-bottom: #fff solid 1px; text-align: center; }
.AMRP6 .list li .imgDiv{ padding: 8px 0 8px; }
.AMRP6 .list li .name{ font-size: 16px; line-height: 26px; color: #fff; }
.AMRP6 .list li .msg{ overflow: hidden; height: 88px; padding: 16px 66px 0; box-sizing: border-box; line-height: 26px; color: #fff; font-size: 16px; text-align: center; }
.AMRP7{ padding-top: 80px; height: 890px; box-sizing: border-box; background: center bottom no-repeat; background-size: cover; overflow: hidden; }
.AMRP7 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.AMRP7 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #fff; }
.AMRP7 .entitle{ text-align: center; color: #fff; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.AMRP7 .mxfDiv{ padding-top: 40px;}
.AMRP7 .leftImg{ position: relative; left: -105px; }
.AMRP7 .leftImg img{ width: 578px; }
.AMRP7 .rightDiv{ width: 50%; }
.AMRP7 .content{ font-size: 18px; line-height: 32px; color: #fff; text-align: justify; padding-bottom: 32px;}
.AMRP7 .list{ position: relative; overflow: hidden; }
.AMRP7 .list:after{ content: ''; opacity: 0.2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(left,#00f2fe,#4facfe);
background-image: -webkit-linear-gradient(left,#00f2fe,#4facfe);
background-image: -moz-linear-gradient(left,#00f2fe,#4facfe);
background-image: -o-linear-gradient(left,#00f2fe,#4facfe);
background-image: linear-gradient(to right,#00f2fe,#4facfe);
background-image: -webkit-linear-gradient(to right,#00f2fe,#4facfe);
background-image: -moz-linear-gradient(to right,#00f2fe,#4facfe);
background-image: -o-linear-gradient(to right,#00f2fe,#4facfe); }
.AMRP7 .list:before{ content: ''; opacity: 0.8; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 40px; background-image: linear-gradient(left,#00b1ed,#0072fd);
background-image: -webkit-linear-gradient(left,#00b1ed,#0072fd);
background-image: -moz-linear-gradient(left,#00b1ed,#0072fd);
background-image: -o-linear-gradient(left,#00b1ed,#0072fd);
background-image: linear-gradient(to right,#00b1ed,#0072fd);
background-image: -webkit-linear-gradient(to right,#00b1ed,#0072fd);
background-image: -moz-linear-gradient(to right,#00b1ed,#0072fd);
background-image: -o-linear-gradient(to right,#00b1ed,#0072fd); }
.AMRP7 .list li{ float: left; width: 33.33%; position: relative; z-index: 2; }
.AMRP7 .list li .box{ border-right: #fff solid 1px; }
.AMRP7 .list li:last-child .box{ border-right: none; }
.AMRP7 .list li .txt{ height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; }
.AMRP7 .list li .midDiv{ height: 255px; border-bottom: #fff solid 1px; text-align: center; }
.AMRP7 .list li .imgDiv{ padding: 12px 0 10px; }
.AMRP7 .list li .name{ font-size: 16px; line-height: 16px; }
.AMRP7 .list li .name em{ display: inline-block; background-image:-webkit-linear-gradient(left top,#03e2e2,#0097f7);
background-image:linear-gradient(to right bottom,#03e2e2,#0097f7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.AMRP7 .list li .msg{ overflow: hidden; height: 165px; padding: 18px 28px 0; box-sizing: border-box; line-height: 22px; color: #fff; font-size: 16px; text-align: center; }
.logisticsP1{ padding-top: 110px; height: 868px; box-sizing: border-box; background: center top no-repeat; background-size: 100%; }
.logisticsP1 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.logisticsP1 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #000; }
.logisticsP1 .entitle{ text-align: center; color: #000; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.logisticsP1 .content{ font-size: 18px; line-height: 38px; color: #333; text-align: justify; padding-top: 35px; }
.logisticsP2{ background: #dee6f6; padding: 150px 0 145px; }
.logisticsP2 .w1674{ width: 1674px; margin: 0 auto; }
.logisticsP2 .listBox{ padding: 115px 0 50px; background: rgba(255,255,255,0.2); }
.logisticsP2 .listBox ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.logisticsP2 .listBox li{ text-align: center; }
.logisticsP2 .listBox li .name{ padding-top: 25px; font-size: 18px; line-height: 30px; color: #333; }
.logisticsP2 .listBox .list2{ padding: 85px 20px 0; }
.logisticsP3{ padding-top: 55px; overflow: hidden; }
.logisticsP3 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.logisticsP3 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #000; }
.logisticsP3 .entitle{ text-align: center; color: #000; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.logisticsP3 .content{ font-size: 18px; color: #333; line-height: 38px; text-align: justify; padding: 30px 0 18px; }
.logisticsP3 .imgDiv img{ width: 100%; }
.logisticsP4{ padding-top: 75px; height: 890px; box-sizing: border-box; background: center no-repeat; background-size: cover; }
.logisticsP4 .list li{ padding-bottom: 28px; }
.logisticsP4 .list li:last-child{ padding-bottom: 0; }
.logisticsP4 .list li .conDiv{ padding-right: 75px; width: 630px; }
.logisticsP4 .list li .imgDiv{ width: 502px; }
.logisticsP4 .list li .imgDiv img{ width: 100%; }
.logisticsP4 .list li .name{ font-weight: bold; font-size: 20px; line-height: 20px; padding-bottom: 28px; }
.logisticsP4 .list li .name em{ background-image:-webkit-linear-gradient(left top,#00fffc,#007ad9);
background-image:linear-gradient(to right bottom,#00fffc,#007ad9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.logisticsP4 .list li .msg{ font-size: 18px; line-height: 32px; color: #fff; text-align: justify; }
.logisticsP4 .list li:nth-child(2n) .imgDiv{ order: 2; }
.logisticsP4 .list li:nth-child(2n) .conDiv{ order: 1; padding-left: 65px; padding-right: 0; }
.logisticsP5{ height: 890px; padding-top: 75px; overflow: hidden; box-sizing: border-box; background: center no-repeat; background-size: cover;}
.logisticsP5 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.logisticsP5 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #333; }
.logisticsP5 .entitle{ text-align: center; color: #333; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.logisticsP5 .mxfDiv{ position: relative; margin-top: 65px; }
.logisticsP5 .shadog{ position:absolute; left:0; width:42.4%; height:558px; top:0; z-index: 2; overflow: hidden;}
.logisticsP5 .imgDiv{ width: 100%; height:558px; background:center no-repeat; background-size:cover; }
.logisticsP5 .rightList{ width: 680px; }
.logisticsP5 .rightList li{ padding-bottom: 28px; }
.logisticsP5 .rightList li .name{ padding-left: 35px; font-size: 20px; line-height: 20px; padding-bottom: 10px; }
.logisticsP5 .rightList li .name em{ background-image:-webkit-linear-gradient(left top,#00a0eb,#006aff);
background-image:linear-gradient(to right bottom,#00a0eb,#006aff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.logisticsP5 .rightList li .msg{ line-height: 28px; padding-left: 35px; font-size: 16px; color: #333; background: url(../images/ico2.png) left 8px no-repeat; }
.educateP1{ height: 890px; padding-top: 85px; background: center no-repeat; background-size: cover; box-sizing: border-box; }
.educateP1 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.educateP1 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #000; }
.educateP1 .entitle{ text-align: center; color: #333; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.educateP1 .leftImg{ width: 623px; }
.educateP1 .leftImg img{ width: 100%; }
.educateP1 .rightDiv{ width: 502px; padding-top: 60px; }
.educateP1 .content{ font-size: 18px; color: #3e3a39; line-height: 38px; text-align: justify; padding-bottom: 85px;}
.educateP1 .list{ background-image: linear-gradient(left,#2cbcee,#2d8bfc);
background-image: -webkit-linear-gradient(left,#2cbcee,#2d8bfc);
background-image: -moz-linear-gradient(left,#2cbcee,#2d8bfc);
background-image: -o-linear-gradient(left,#2cbcee,#2d8bfc);
background-image: linear-gradient(to right,#2cbcee,#2d8bfc);
background-image: -webkit-linear-gradient(to right,#2cbcee,#2d8bfc);
background-image: -moz-linear-gradient(to right,#2cbcee,#2d8bfc);
background-image: -o-linear-gradient(to right,#2cbcee,#2d8bfc); }
.educateP1 .list li{ position: relative; height: 77px; line-height: 76px; text-align: center; color: #fff; font-size: 18px; }
.educateP1 .list li:after{ content: ''; left: 0; bottom: 0; position: absolute; width: 100%; height: 1px; background: #fff; }
.educateP1 .list li:last-child:after{ display: none; }
.educateP2{ padding-top: 85px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; }
.educateP2 .w1385{ width: 1385px; margin: 0 auto; }
.educateP2 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.educateP2 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #fff; }
.educateP2 .entitle{ text-align: center; color: #fff; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.educateP2 .list{ padding-top: 120px; }
.educateP2 .list ul{ margin-right: -35px; }
.educateP2 .list li{ float: left; width: 25%; }
.educateP2 .list li .box{ margin-right: 35px; }
.educateP2 .list li .teme{ overflow: hidden; padding: 0 10px 0 65px; height: 61px; position: relative; border-top-left-radius: 48px; border-bottom-left-radius: 48px;}
.educateP2 .list li .bg{ position: absolute; opacity: 0.8; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(left,#00b1ed,#0072fd);
background-image: -webkit-linear-gradient(left,#00b1ed,#0072fd);
background-image: -moz-linear-gradient(left,#00b1ed,#0072fd);
background-image: -o-linear-gradient(left,#00b1ed,#0072fd);
background-image: linear-gradient(to right,#00b1ed,#0072fd);
background-image: -webkit-linear-gradient(to right,#00b1ed,#0072fd);
background-image: -moz-linear-gradient(to right,#00b1ed,#0072fd);
background-image: -o-linear-gradient(to right,#00b1ed,#0072fd); }
.educateP2 .list li .num{ position: absolute; left: 0; top: 0; width: 61px; height: 61px; background: url(../images/nimg61Bg.png) no-repeat; text-align: center; line-height: 60px; font-size: 36px; font-family: harmony;}
.educateP2 .list li .num em{ background-image:-webkit-linear-gradient(left top,#66d5ff,#377aff);
background-image:linear-gradient(to right bottom,#66d5ff,#377aff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.educateP2 .list li .name{ position: relative; z-index: 1; font-size: 14px; line-height: 20px; color: #fff; height: 61px; display: table-cell; vertical-align: middle; }
.educateP2 .list li .imgDiv{ padding-top: 65px; }
.educateP2 .list li .imgDiv img{ width: 100%; }
.educateP3{ padding-top: 65px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; }
.educateP3 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.educateP3 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #000; }
.educateP3 .entitle{ text-align: center; color: #000; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.educateP3 .list{ padding-top: 32px; }
.educateP3 .list ul{ margin-right: -43px; }
.educateP3 .list li{ float: left; width: 50%; }
.educateP3 .list li .box{ margin-right: 43px; }
.educateP3 .list li .limg{ text-align: center; height: 205px;}
.educateP3 .list li .name{ font-size: 20px; text-align: center; line-height: 20px; padding-bottom: 25px; font-weight: bold; }
.educateP3 .list li .name em{ background-image:-webkit-linear-gradient(left top,#00a0eb,#006aff);
background-image:linear-gradient(to right bottom,#00a0eb,#006aff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.educateP3 .list li .msg{ padding-left: 12px; font-size: 18px; color: #333; line-height: 26px; height: 110px; }
.educateP3 .list li .imgDiv img{ width: 100%; }
.educateP4{ padding-top: 80px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; }
.educateP4 .list ul{ margin-right: -43px; }
.educateP4 .list li{ float: left; width: 50%; }
.educateP4 .list li .box{ margin-right: 43px; }
.educateP4 .list li .limg{ text-align: center; height: 315px;}
.educateP4 .list li .name{ font-size: 20px; text-align: center; line-height: 20px; padding-bottom: 25px; font-weight: bold; }
.educateP4 .list li .name em{ background-image:-webkit-linear-gradient(left top,#00a0eb,#006aff);
background-image:linear-gradient(to right bottom,#00a0eb,#006aff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.educateP4 .list li .msg{ padding-left: 12px; font-size: 18px; color: #333; line-height: 26px; height: 90px; }
.educateP4 .list li .imgDiv img{ width: 100%; }
.educateP5{ padding-top: 100px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; }
.educateP5 .list ul{ margin-right: -43px; }
.educateP5 .list li{ float: left; width: 50%; }
.educateP5 .list li .box{ margin-right: 43px; }
.educateP5 .list li .limg{ text-align: center; height: 240px;}
.educateP5 .list li .name{ font-size: 20px; text-align: center; line-height: 20px; padding-bottom: 25px; font-weight: bold; }
.educateP5 .list li .name em{ background-image:-webkit-linear-gradient(left top,#00a0eb,#006aff);
background-image:linear-gradient(to right bottom,#00a0eb,#006aff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.educateP5 .list li .msg{ padding-left: 12px; font-size: 18px; color: #333; line-height: 26px; height: 110px; }
.educateP5 .list li .imgDiv img{ width: 100%; }
.disinfectP1{ height: 890px; padding-top: 85px; background: center no-repeat; background-size: cover; box-sizing: border-box; }
.disinfectP1 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.disinfectP1 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #000; }
.disinfectP1 .entitle{ text-align: center; color: #333; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.disinfectP1 .leftImg{ width: 508px; position: relative; top: -16px; }
.disinfectP1 .leftImg img{ width: 100%; }
.disinfectP1 .rightDiv{ width: 50%; padding-top: 70px; }
.disinfectP1 .content{ font-size: 18px; color: #3e3a39; line-height: 38px; text-align: justify; padding-bottom: 85px;}
.disinfectP1 .list{ position: relative; height: 298px; background-image: linear-gradient(left,#16b6ec,#177efc);
background-image: -webkit-linear-gradient(left,#16b6ec,#177efc);
background-image: -moz-linear-gradient(left,#16b6ec,#177efc);
background-image: -o-linear-gradient(left,#16b6ec,#177efc);
background-image: linear-gradient(to right,#16b6ec,#177efc);
background-image: -webkit-linear-gradient(to right,#16b6ec,#177efc);
background-image: -moz-linear-gradient(to right,#16b6ec,#177efc);
background-image: -o-linear-gradient(to right,#16b6ec,#177efc); }
.disinfectP1 .list:after{ content: ''; position: absolute; left: 0; top:50%; width: 100%; height: 1px; background: #fff; }
.disinfectP1 .list li{ float: left; width: 25%; height: 149px; padding-top: 45px; color: #fff; text-align: center; box-sizing: border-box;}
.disinfectP1 .list li .txt{ font-size: 25px; line-height: 25px; height: 42px; }
.disinfectP1 .list li .wen{ font-size: 18px; line-height: 18px; }
.disinfectP1 .line em{ position: absolute; width: 1px; height: 134px; background: #fff; top: 50%; margin-top: -67px; }
.disinfectP1 .line em:nth-child(1){ left: 25%; }
.disinfectP1 .line em:nth-child(2){ left: 50%; }
.disinfectP1 .line em:nth-child(3){ left: 75%; }
.disinfectP2{ padding-top: 80px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; }
.disinfectP2 .w1460{ width: 1460px; margin: 0 auto; }
.disinfectP2 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.disinfectP2 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #000; }
.disinfectP2 .entitle{ text-align: center; color: #000; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.disinfectP2 .list{ margin-top: 100px; position: relative; }
.disinfectP2 .list:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background-image: linear-gradient(left,#65f6fe,#94ccfd);
background-image: -webkit-linear-gradient(left,#65f6fe,#94ccfd);
background-image: -moz-linear-gradient(left,#65f6fe,#94ccfd);
background-image: -o-linear-gradient(left,#65f6fe,#94ccfd);
background-image: linear-gradient(to right,#65f6fe,#94ccfd);
background-image: -webkit-linear-gradient(to right,#65f6fe,#94ccfd);
background-image: -moz-linear-gradient(to right,#65f6fe,#94ccfd);
background-image: -o-linear-gradient(to right,#65f6fe,#94ccfd); }
.disinfectP2 .list ul{ margin-right: -4px; }
.disinfectP2 .list li{ float: left; width: 16.66%; position: relative; z-index: 1;}
.disinfectP2 .list li .box{ margin-right: 4px; }
.disinfectP2 .list li .imgDiv{ height: 350px; background-image: linear-gradient(left top,#b1fafe,#c9e5fe);
background-image: -webkit-linear-gradient(left top,#b1fafe,#c9e5fe);
background-image: -moz-linear-gradient(left top,#b1fafe,#c9e5fe);
background-image: -o-linear-gradient(left top,#b1fafe,#c9e5fe);
background-image: linear-gradient(to right bottom,#b1fafe,#c9e5fe);
background-image: -webkit-linear-gradient(to right bottom,#b1fafe,#c9e5fe);
background-image: -moz-linear-gradient(to right bottom,#b1fafe,#c9e5fe);
background-image: -o-linear-gradient(to right bottom,#b1fafe,#c9e5fe); }
.disinfectP2 .list li .imgDiv img{ max-width: 222px; max-height: 314px; }
.disinfectP2 .list li .name{ margin-top: 42px; height: 60px; line-height: 60px; text-align: center; overflow: hidden; font-size: 16px; color: #333; }
.disinfectP3{ padding-top: 65px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; }
.disinfectP3 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.disinfectP3 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #fff; }
.disinfectP3 .entitle{ text-align: center; color: #fff; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.disinfectP3 .list{ padding-top: 55px; }
.disinfectP3 .list ul{ margin-right: -36px; }
.disinfectP3 .list li{ float: left; width: 25%; padding-bottom: 65px;}
.disinfectP3 .list li .box{ margin-right: 36px; }
.disinfectP3 .list li .imgDiv img{ width: 100%; }
.disinfectP3 .list li .name{ padding-top: 25px; height: 30px; line-height: 30px; text-align: center; color: #00b9ef; font-size: 18px; }
.otherBanner{ display: none; position: relative; height: 450px; }
.otherBanner img{ width: 100%; height: 100%; object-fit: cover; }
.otherBanner .mxfDiv{ position: absolute; left: 0; top: 20.5%; }
.otherBanner .txt{ display: inline-block; font-size: 22px; line-height: 32px; color: #fff; padding: 10px 15px; background-image: linear-gradient(left,#00c0e9,#006aff);
background-image: -webkit-linear-gradient(left,#00c0e9,#006aff);
background-image: -moz-linear-gradient(left,#00c0e9,#006aff);
background-image: -o-linear-gradient(left,#00c0e9,#006aff);
background-image: linear-gradient(to right,#00c0e9,#006aff);
background-image: -webkit-linear-gradient(to right,#00c0e9,#006aff);
background-image: -moz-linear-gradient(to right,#00c0e9,#006aff);
background-image: -o-linear-gradient(to right,#00c0e9,#006aff);}
.otherBanner .txt b{ display: block; }
.otherBanner .msg{ padding-top: 15px; padding-left: 15px; font-size: 12px; line-height: 22px; width: 80%; color: #fff; text-align: justify; }
.wardP1{ height: 890px; padding-top: 85px; background: center no-repeat; background-size: cover; box-sizing: border-box; }
.wardP1 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.wardP1 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #000; }
.wardP1 .entitle{ text-align: center; color: #333; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.wardP1 .mxfDiv{ height: 645px; position: relative; float: right; width: 1176px; }
.wardP1 .leftImg{ width: 185px; position: absolute; left: 0; top: 0; z-index: 2;}
.wardP1 .leftImg img{ width: 100%; }
.wardP1 .rightDiv{ padding-top: 40px; }
.wardP1 .content{ font-size: 18px; color: #3e3a39; line-height: 38px; text-align: justify; padding: 0 105px 40px 0; width: 648px;}
.wardP1 .list{ position: absolute; right: 0; bottom: 5px; width: 1080px; height: 385px; }
.wardP1 .list .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; background-image: linear-gradient(left,#00b1ed,#0072fd);
background-image: -webkit-linear-gradient(left,#00b1ed,#0072fd);
background-image: -moz-linear-gradient(left,#00b1ed,#0072fd);
background-image: -o-linear-gradient(left,#00b1ed,#0072fd);
background-image: linear-gradient(to right,#00b1ed,#0072fd);
background-image: -webkit-linear-gradient(to right,#00b1ed,#0072fd);
background-image: -moz-linear-gradient(to right,#00b1ed,#0072fd);
background-image: -o-linear-gradient(to right,#00b1ed,#0072fd); }
.wardP1 .teme{ position: relative; z-index: 1; padding: 15px 70px 0 245px; }
.wardP1 .teme li{ float: left; width: 20%; text-align: center; color: #fff; padding-top: 40px; }
.wardP1 .teme li .ico{ height: 100px; }
.wardP1 .teme li .name{ font-size: 16px; line-height: 16px; height: 20px; }
.wardP2{ padding-top: 80px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; }
.wardP2 .w1385{ width: 1385px; margin: 0 auto; }
.wardP2 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.wardP2 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #000; }
.wardP2 .entitle{ text-align: center; color: #000; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.wardP2 .list{ padding-top: 80px; }
.wardP2 .list ul{ margin-right: -35px; }
.wardP2 .list li{ float: left; width: 25%; }
.wardP2 .list li .box{ margin-right: 35px; }
.wardP2 .list li .teme{ overflow: hidden; padding: 0 10px 0 65px; height: 61px; position: relative; border-top-left-radius: 48px; border-bottom-left-radius: 48px;}
.wardP2 .list li .bg{ position: absolute; opacity: 0.8; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(left,#00b1ed,#0072fd);
background-image: -webkit-linear-gradient(left,#00b1ed,#0072fd);
background-image: -moz-linear-gradient(left,#00b1ed,#0072fd);
background-image: -o-linear-gradient(left,#00b1ed,#0072fd);
background-image: linear-gradient(to right,#00b1ed,#0072fd);
background-image: -webkit-linear-gradient(to right,#00b1ed,#0072fd);
background-image: -moz-linear-gradient(to right,#00b1ed,#0072fd);
background-image: -o-linear-gradient(to right,#00b1ed,#0072fd); }
.wardP2 .list li .num{ position: absolute; left: 0; top: 0; width: 61px; height: 61px; background: url(../images/nimg61Bg.png) no-repeat; text-align: center; line-height: 60px; font-size: 36px; font-family: harmony;}
.wardP2 .list li .num em{ background-image:-webkit-linear-gradient(left top,#5bd0ff,#377aff);
background-image:linear-gradient(to right bottom,#5bd0ff,#377aff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.wardP2 .list li .name{ position: relative; z-index: 1; font-size: 16px; color: #fff; height: 61px; display: table-cell; vertical-align: middle; }
.wardP2 .list li .msg{ font-size: 16px; color: #333; line-height: 30px; padding-top: 20px; height: 200px; }
.wardP2 .list li .imgDiv img{ width: 100%; }
.wardP3{ padding-top: 85px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; }
.wardP3 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.wardP3 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #fff; }
.wardP3 .entitle{ text-align: center; color: #fff; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.wardP3 .mxfDiv{ margin-top: 35px; position: relative; height: 633px;}
.wardP3 .mxfDiv .imgDiv{ position: absolute; left: 50%; margin-left: -91px; top: 0; z-index: 2; }
.wardP3 .mxfDiv .listDiv{ padding-top: 180px; height: 385px; position: relative; }
.wardP3 .mxfDiv .listDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 385px; opacity: 0.9; background-image: linear-gradient(left,#00b1ed,#0072fd);
background-image: -webkit-linear-gradient(left,#00b1ed,#0072fd);
background-image: -moz-linear-gradient(left,#00b1ed,#0072fd);
background-image: -o-linear-gradient(left,#00b1ed,#0072fd);
background-image: linear-gradient(to right,#00b1ed,#0072fd);
background-image: -webkit-linear-gradient(to right,#00b1ed,#0072fd);
background-image: -moz-linear-gradient(to right,#00b1ed,#0072fd);
background-image: -o-linear-gradient(to right,#00b1ed,#0072fd); }
.wardP3 .mxfDiv .list{ position: relative; z-index: 1;}
.wardP3 .mxfDiv .list li{ position: relative; padding-left: 100px; height: 85px; line-height: 84px; color: #fff; font-size: 18px; margin-bottom: 28px; }
.wardP3 .mxfDiv .list li:last-child{ margin-bottom: 0; }
.wardP3 .mxfDiv .list li .ico{ position: absolute; left: 0; top: 0; }
.wardP3 .mxfDiv .list_l{ padding: 38px 0 0 70px; }
.wardP3 .mxfDiv .list_r{ padding: 38px 25px 0 0; }
.wardP4{ padding-top: 85px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; }
.wardP4 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.wardP4 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #fff; }
.wardP4 .entitle{ text-align: center; color: #fff; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.wardP4 .temeDiv{ position: relative; overflow: hidden; margin-top: 50px; }
.wardP4 .content{ position: absolute; right: 0; top: 0; font-size: 18px; line-height: 32px; color: #fff; width: 568px; text-align: justify; }
.wardP4 .mxfDiv{ width: 1094px; position: relative; height: 508px; padding-top: 60px;}
.wardP4 .leftDiv{ width: 565px; }
.wardP4 .leftDiv .imgDiv img{ width: 100%; }
.wardP4 .leftDiv .name{ padding-top: 40px; color: #fff; font-size: 16px; line-height: 16px; text-align: center; }
.wardP4 .rightDiv{ width: 565px; position: absolute; right: 0; bottom: 0; }
.wardP4 .rightDiv .imgDiv img{ width: 100%; }
.connectP1{ padding-top: 100px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; overflow: hidden;}
.connectP1 .rightDiv{ width: 885px; }
.connectP1 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; position: relative; padding-bottom: 20px; }
.connectP1 .cntitle:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 2px; background: #000; }
.connectP1 .entitle{ color: #000; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.connectP1 .content{ padding-top: 25px; font-size: 18px; color: #333; line-height: 38px; text-align: justify; }
.connectP1 .mxfDiv{ margin-top: 20px; height: 376px; position: relative; }
.connectP1 .mxfDiv li:first-child{ position: absolute; left: 0; bottom: 0; }
.connectP1 .mxfDiv li:last-child{ float: right; position: relative; z-index: 1; }
.connectP1 .mxfDiv li img{ width: 453px; }
.connectP1 .phoneImg{ margin-top: 15px; display: none; }
.connectP1 .phoneImg img{ width: 100%; }
.connectP2{ padding-top: 90px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; overflow: hidden; }
.connectP2 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; text-align: center; position: relative; padding-bottom: 20px; }
.connectP2 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #fff; }
.connectP2 .entitle{ text-align: center; color: #fff; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.connectP2 .mxfDiv{ position: relative; margin-top: 35px; height: 584px; }
.connectP2 .midImg{ position: absolute; left: 50%; margin-left: -292px; top: 0; }
.connectP2 .midImg img{ width: 584px; }
.connectP2 .list{ width: 320px; padding-top: 45px;}
.connectP2 .list li{ color: #fff; padding-bottom: 60px; }
.connectP2 .list li .txt{ font-size: 20px; line-height: 20px; padding-bottom: 10px;}
.connectP2 .list li .msg{ font-size: 14px; line-height: 28px; text-align: justify;}
.connectP3{ height: 890px; background: center no-repeat; background-size: cover; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;justify-content: center; -webkit-justify-content: center;}
.connectP3 .mxfDiv{ float: right; width: 980px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; }
.connectP3 .leftDiv{ width: 360px; }
.connectP3 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; position: relative; padding-bottom: 20px; }
.connectP3 .cntitle:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 2px; background: #000; }
.connectP3 .entitle{ color: #000; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.connectP3 .rightDiv{ width: 606px; padding-top: 15px; position: relative; }
.connectP3 .rightDiv .txt{ position: absolute; left: 0; top: 0; width: 100%; font-size: 30px; line-height: 30px; text-align: center; }
.connectP3 .rightDiv .txt em{ display: inline-block; background-image:-webkit-linear-gradient(left top,#009fec,#006aff);
background-image:linear-gradient(to right bottom,#009fec,#006aff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.connectP3 .rightDiv .content{ width: 606px; height: 442px; background: url(../images/nimg606Bg.png) no-repeat; padding: 55px 0 0 40px; box-sizing: border-box; }
.connectP3 .rightDiv .content p{ font-size: 20px; line-height: 20px; color: #333; padding-bottom: 55px; }
.connectP3 .imgDiv{ padding-bottom: 25px; }
.connectP3 .imgDiv img{ width: 100%; }
.connectP4{ padding-top: 185px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; overflow: hidden;}
.connectP4 .mxfDiv{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.connectP4 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; position: relative; padding-bottom: 20px; }
.connectP4 .cntitle:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 2px; background: #000; }
.connectP4 .entitle{ color: #000; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.connectP4 .leftDiv{ width: 606px; padding-top: 15px; position: relative; order: 1;}
.connectP4 .leftDiv .txt{ position: absolute; left: 0; top: 0; width: 100%; font-size: 30px; line-height: 30px; text-align: center; }
.connectP4 .leftDiv .txt em{ display: inline-block; background-image:-webkit-linear-gradient(left top,#009fec,#006aff);
background-image:linear-gradient(to right bottom,#009fec,#006aff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.connectP4 .leftDiv .content{ width: 606px; height: 395px; background: url(../images/nimg606Bg.png) no-repeat; background-size: 100% 100%; padding: 75px 35px 0 40px; box-sizing: border-box; }
.connectP4 .leftDiv .content p{ font-size: 20px; line-height: 34px; color: #333; padding-bottom: 30px; }
.connectP4 .rightDiv{ order: 2; padding-left: 50px; }
.connectP4 .imgDiv{ padding-bottom: 25px; }
.connectP4 .imgDiv img{ width: 100%; }
.connectP5{ padding-top: 120px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; overflow: hidden;}
.connectP5 .rightDiv{ width: 606px; position: relative; right: -90px; }
.connectP5 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; position: relative; padding-bottom: 20px; text-align: center; }
.connectP5 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #000; }
.connectP5 .entitle{ color: #000; text-align: center; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.connectP5 .mxfDiv{ margin-top: 75px; padding-top: 15px; position: relative;}
.connectP5 .mxfDiv .txt{ position: absolute; left: 0; top: 0; width: 100%; font-size: 30px; line-height: 30px; text-align: center; }
.connectP5 .mxfDiv .txt em{ display: inline-block; background-image:-webkit-linear-gradient(left top,#009fec,#006aff);
background-image:linear-gradient(to right bottom,#009fec,#006aff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.connectP5 .mxfDiv .content{ width: 606px; height: 468px; background: url(../images/nimg606Bg.png) no-repeat; background-size: 100% 100%; padding: 60px 35px 0 40px; box-sizing: border-box; }
.connectP5 .mxfDiv .content p{ font-size: 20px; line-height: 34px; color: #333; padding-bottom: 22px; }
.connectP5 .imgDiv{ padding-top: 20px; }
.connectP5 .imgDiv img{ width: 100%; }
.connectP6{ height: 890px; }
.connectP6 .leftDiv{ width: 50%; padding-top: 105px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; }
.connectP6 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; position: relative; padding-bottom: 20px; text-align: center; }
.connectP6 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #fff; }
.connectP6 .entitle{ color: #fff; text-align: center; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.connectP6 .mxfDiv{ margin-top: 55px; padding-top: 15px; position: relative;}
.connectP6 .mxfDiv .txt{ position: absolute; left: 0; top: 0; width: 100%; font-size: 30px; line-height: 30px; text-align: center; }
.connectP6 .mxfDiv .txt em{ display: inline-block; background-image:-webkit-linear-gradient(left top,#00eeeb,#008dfa);
background-image:linear-gradient(to right bottom,#00eeeb,#008dfa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.connectP6 .mxfDiv .content{ margin: 0 auto; width: 562px; height: 443px; background: url(../images/nimg562Bg.png) no-repeat; padding: 55px 35px 0 40px; box-sizing: border-box; }
.connectP6 .mxfDiv .content p{ font-size: 20px; line-height: 20px; color: #fff; text-align: center; padding-bottom: 55px; }
.connectP6 .rightList{ width: 50%; }
.connectP6 .rightList li{ position: relative; width: 100%; height: 445px; background: center no-repeat; background-size: cover; }
.connectP6 .rightList li .name{ position: absolute; left: 12.5%; top: 29%; z-index: 1; font-size: 20px; line-height: 20px; color: #333; }
.connectP7{ padding-top: 265px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; overflow: hidden;}
.connectP7 .mxfDiv{ width: 1026px; position: relative; right: -28px; }
.connectP7 .leftDiv{ width: 402px; }
.connectP7 .title{ padding-left: 72px; }
.connectP7 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; position: relative; padding-bottom: 20px; }
.connectP7 .cntitle:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 2px; background: #000; }
.connectP7 .entitle{ color: #000; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.connectP7 .imgDiv{ padding-top: 80px; }
.connectP7 .imgDiv img{ width: 402px; }
.connectP7 .rightDiv{ width: 580px; padding-top: 15px; position: absolute; right: 0; bottom: 0; }
.connectP7 .rightDiv .txt{ position: absolute; left: 0; top: 0; width: 100%; font-size: 30px; line-height: 30px; text-align: center; }
.connectP7 .rightDiv .txt em{ display: inline-block; background-image:-webkit-linear-gradient(left top,#009fec,#006aff);
background-image:linear-gradient(to right bottom,#009fec,#006aff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.connectP7 .rightDiv .content{ margin: 0 auto; width: 580px; height: 395px; background: url(../images/nimg580Bg.png) no-repeat; padding: 48px 35px 0 40px; box-sizing: border-box; }
.connectP7 .rightDiv .content p{ font-size: 20px; line-height: 34px; color: #333; padding-bottom: 42px; }
.connectP8{ height: 890px; }
.connectP8 .leftDiv{ width: 50%; padding-top: 65px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; }
.connectP8 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; position: relative; padding-bottom: 20px; text-align: center; }
.connectP8 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #fff; }
.connectP8 .entitle{ color: #fff; text-align: center; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.connectP8 .mxfDiv{ margin-top: 40px; padding-top: 15px; position: relative;}
.connectP8 .mxfDiv .txt{ position: absolute; left: 0; top: 0; width: 100%; font-size: 30px; line-height: 30px; text-align: center; }
.connectP8 .mxfDiv .txt em{ display: inline-block; background-image:-webkit-linear-gradient(left top,#00eeeb,#008dfa);
background-image:linear-gradient(to right bottom,#00eeeb,#008dfa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.connectP8 .mxfDiv .content{ margin: 0 auto; width: 562px; height: 372px; background: url(../images/nimg562Bg2.png) no-repeat; padding: 55px 35px 0 40px; box-sizing: border-box; }
.connectP8 .mxfDiv .content p{ font-size: 20px; line-height: 20px; color: #fff; text-align: center; padding-bottom: 55px; }
.connectP8 .limg{ width: 703px; margin: 85px auto 0; }
.connectP8 .limg img{ width: 100%; }
.connectP8 .rightList{ width: 50%; }
.connectP8 .rightList li{ position: relative; width: 100%; height: 445px; background: center no-repeat; background-size: cover; }
.connectP8 .rightList li .name{ position: absolute; left: 12.5%; top: 29%; z-index: 1; font-size: 20px; line-height: 20px; color: #333; }
.connectP9{ padding-top: 65px; height: 890px; background: center no-repeat; background-size: cover; box-sizing: border-box; overflow: hidden;}
.connectP9 .cntitle{ font-size: 38px; line-height: 38px; color: #006aff; position: relative; padding-bottom: 20px; text-align: center; }
.connectP9 .cntitle:after{ content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 2px; background: #fff; }
.connectP9 .entitle{ color: #fff; text-align: center; padding-top: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family:harmony; }
.connectP9 .list{ padding-top: 55px; }
.connectP9 .list ul{ margin-right: -36px; }
.connectP9 .list li{ float: left; width: 25%; padding-bottom: 35px;}
.connectP9 .list li .box{ margin-right: 36px; }
.connectP9 .list li .imgDiv img{ width: 100%; }
.connectP9 .list li .name{ padding-top: 20px; height: 32px; line-height: 32px; text-align: center; font-size: 18px; color: #0eb2e9; overflow: hidden; }
.connectP9 .list li .wen{ height: 32px; line-height: 32px; text-align: center; font-size: 18px; color: #fff;}
.indexPart1 .newList{ padding: 50px 0 80px; }
.indexPart1 .newList ul{ margin-right: -5px; }
.indexPart1 .newList li{ float: left; width: 50%; padding-bottom: 50px; }
.indexPart1 .newList li .limg{ margin-right: 5px; overflow: hidden; }
.indexPart1 .newList li .limg img{ width: 100%;transition:All 0.8s ease;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease; }
.indexPart1 .newList li .limg:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.proList{ margin-top: 30px; }
.proList ul{ margin-right: -50px; }
.proList li{ float: left; width: 33.33%; padding-bottom: 40px; }
.proList li .teme{ margin-right: 50px; }
.proList li .teme a{ display: block; position: relative; width: 100%; height: 100%; }
.proList li .limg{ height: 405px; overflow: hidden; }
.proList li .limg img{ width: 100%; height: 100%; object-fit: cover; transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.proList li .name{ position: absolute; z-index: 1; left: 0; bottom: 30px; height: 30px; line-height: 30px; text-align: center; width: 100%; font-size: 16px; color: #666; transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s }
.proList li .teme:hover{box-shadow:0px 6px 30px rgba(0,0,0,0.06);}
.proList li .teme:hover .name{color:#20b3ff}
.proList li .teme:hover .limg img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.headD{ height: 100px; }